<!--
  ~ Copyright © 2021-2023 Innospots (http://www.innospots.com)
  ~  Licensed to the Apache Software Foundation (ASF) under one or more
  ~  contributor license agreements.  See the NOTICE file distributed with
  ~  this work for additional information regarding copyright ownership.
  ~  The ASF licenses this file to You under the Apache License, Version 2.0
  ~  (the "License"); you may not use this file except in compliance with
  ~  the License. You may obtain a copy of the License at
  ~
  ~  http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~  Unless required by applicable law or agreed to in writing, software
  ~  distributed under the License is distributed on an "AS IS" BASIS,
  ~  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~  See the License for the specific language governing permissions and
  ~  limitations under the License.
  -->

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>iconfont Demo</title>
    <link
      rel="shortcut icon"
      href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico"
      type="image/x-icon"
    />
    <link
      rel="icon"
      type="image/svg+xml"
      href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"
    />
    <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css" />
    <link rel="stylesheet" href="demo.css" />
    <link rel="stylesheet" href="iconfont.css" />
    <script src="iconfont.js"></script>
    <!-- jQuery -->
    <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
    <!-- 代码高亮 -->
    <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
    <style>
      .main .logo {
        height: auto;
        margin-top: 0;
      }

      .main .logo a {
        display: flex;
        align-items: center;
      }

      .main .logo .sub-title {
        margin-left: 0.5em;
        color: #fff;
        font-size: 22px;
        background: linear-gradient(-45deg, #3967ff, #b500fe);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
    </style>
  </head>
  <body>
    <div class="main">
      <h1 class="logo">
        <a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
          <img
            width="200"
            src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg"
          />
        </a>
      </h1>
      <div class="nav-tabs">
        <ul id="tabs" class="dib-box">
          <li class="dib active"><span>Unicode</span></li>
          <li class="dib"><span>Font class</span></li>
          <li class="dib"><span>Symbol</span></li>
        </ul>

        <a
          href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3165221"
          target="_blank"
          class="nav-more"
          >查看项目</a
        >
      </div>
      <div class="tab-container">
        <div class="content unicode" style="display: block">
          <ul class="icon_lists dib-box">
            <li class="dib">
              <span class="icon libra-font">&#xe81e;</span>
              <div class="name">ali-clould-fill</div>
              <div class="code-name">&amp;#xe81e;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe81f;</span>
              <div class="name">color-fill</div>
              <div class="code-name">&amp;#xe81f;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe820;</span>
              <div class="name">coupons-fill</div>
              <div class="code-name">&amp;#xe820;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe821;</span>
              <div class="name">cecurity-protection-fill</div>
              <div class="code-name">&amp;#xe821;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe822;</span>
              <div class="name">credit-level-fill</div>
              <div class="code-name">&amp;#xe822;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe6eb;</span>
              <div class="name">auto</div>
              <div class="code-name">&amp;#xe6eb;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe823;</span>
              <div class="name">default-template-fill</div>
              <div class="code-name">&amp;#xe823;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe6ef;</span>
              <div class="name">all</div>
              <div class="code-name">&amp;#xe6ef;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe824;</span>
              <div class="name">Currency Converter-fill</div>
              <div class="code-name">&amp;#xe824;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe6f0;</span>
              <div class="name">bussiness-man</div>
              <div class="code-name">&amp;#xe6f0;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe825;</span>
              <div class="name">Customer management-fill</div>
              <div class="code-name">&amp;#xe825;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe6f2;</span>
              <div class="name">component</div>
              <div class="code-name">&amp;#xe6f2;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe826;</span>
              <div class="name">discounts-fill</div>
              <div class="code-name">&amp;#xe826;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe6f3;</span>
              <div class="name">code</div>
              <div class="code-name">&amp;#xe6f3;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe827;</span>
              <div class="name">Daytime mode-fill</div>
              <div class="code-name">&amp;#xe827;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe6f4;</span>
              <div class="name">copy</div>
              <div class="code-name">&amp;#xe6f4;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe828;</span>
              <div class="name">exl-fill</div>
              <div class="code-name">&amp;#xe828;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe6f5;</span>
              <div class="name">dollar</div>
              <div class="code-name">&amp;#xe6f5;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe829;</span>
              <div class="name">cry-fill</div>
              <div class="code-name">&amp;#xe829;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe6f8;</span>
              <div class="name">history</div>
              <div class="code-name">&amp;#xe6f8;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe82a;</span>
              <div class="name">email-fill</div>
              <div class="code-name">&amp;#xe82a;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe6f6;</span>
              <div class="name">editor</div>
              <div class="code-name">&amp;#xe6f6;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe82b;</span>
              <div class="name">filter-fill</div>
              <div class="code-name">&amp;#xe82b;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe6f9;</span>
              <div class="name">data</div>
              <div class="code-name">&amp;#xe6f9;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe82c;</span>
              <div class="name">folder-fill</div>
              <div class="code-name">&amp;#xe82c;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe6fa;</span>
              <div class="name">gift</div>
              <div class="code-name">&amp;#xe6fa;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe82d;</span>
              <div class="name">feeds-fill</div>
              <div class="code-name">&amp;#xe82d;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe6fb;</span>
              <div class="name">integral</div>
              <div class="code-name">&amp;#xe6fb;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe82e;</span>
              <div class="name">gold-supplie-fill</div>
              <div class="code-name">&amp;#xe82e;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe6fd;</span>
              <div class="name">nav-list</div>
              <div class="code-name">&amp;#xe6fd;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe82f;</span>
              <div class="name">form-fill</div>
              <div class="code-name">&amp;#xe82f;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe6ff;</span>
              <div class="name">pic</div>
              <div class="code-name">&amp;#xe6ff;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe830;</span>
              <div class="name">camera-fill</div>
              <div class="code-name">&amp;#xe830;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe6fe;</span>
              <div class="name">Not visible</div>
              <div class="code-name">&amp;#xe6fe;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe831;</span>
              <div class="name">good-fill</div>
              <div class="code-name">&amp;#xe831;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe701;</span>
              <div class="name">play</div>
              <div class="code-name">&amp;#xe701;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe832;</span>
              <div class="name">image-text-fill</div>
              <div class="code-name">&amp;#xe832;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe703;</span>
              <div class="name">rising</div>
              <div class="code-name">&amp;#xe703;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe833;</span>
              <div class="name">inspection-fill</div>
              <div class="code-name">&amp;#xe833;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe704;</span>
              <div class="name">QRcode</div>
              <div class="code-name">&amp;#xe704;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe834;</span>
              <div class="name">hot-fill</div>
              <div class="code-name">&amp;#xe834;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe705;</span>
              <div class="name">rmb</div>
              <div class="code-name">&amp;#xe705;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe835;</span>
              <div class="name">company-fill</div>
              <div class="code-name">&amp;#xe835;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe707;</span>
              <div class="name">similar-product</div>
              <div class="code-name">&amp;#xe707;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe836;</span>
              <div class="name">discount-fill</div>
              <div class="code-name">&amp;#xe836;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe702;</span>
              <div class="name">export services</div>
              <div class="code-name">&amp;#xe702;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe837;</span>
              <div class="name">insurance-fill</div>
              <div class="code-name">&amp;#xe837;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe70d;</span>
              <div class="name">send inquiry</div>
              <div class="code-name">&amp;#xe70d;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe838;</span>
              <div class="name">inquiry-template-fill</div>
              <div class="code-name">&amp;#xe838;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe718;</span>
              <div class="name">all-fill</div>
              <div class="code-name">&amp;#xe718;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe839;</span>
              <div class="name">left button-fill</div>
              <div class="code-name">&amp;#xe839;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe721;</span>
              <div class="name">favorites-fill</div>
              <div class="code-name">&amp;#xe721;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe83a;</span>
              <div class="name">integral-fill</div>
              <div class="code-name">&amp;#xe83a;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe726;</span>
              <div class="name">integral-fill</div>
              <div class="code-name">&amp;#xe726;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe83b;</span>
              <div class="name">help</div>
              <div class="code-name">&amp;#xe83b;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe72a;</span>
              <div class="name">namecard-fill</div>
              <div class="code-name">&amp;#xe72a;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe83c;</span>
              <div class="name">listing-content-fill</div>
              <div class="code-name">&amp;#xe83c;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe72e;</span>
              <div class="name">pic-fill</div>
              <div class="code-name">&amp;#xe72e;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe83d;</span>
              <div class="name">logistic-logo-fill</div>
              <div class="code-name">&amp;#xe83d;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe72f;</span>
              <div class="name">play-fill</div>
              <div class="code-name">&amp;#xe72f;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe83e;</span>
              <div class="name">Money management-fill</div>
              <div class="code-name">&amp;#xe83e;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe730;</span>
              <div class="name">prompt-fill</div>
              <div class="code-name">&amp;#xe730;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe83f;</span>
              <div class="name">manage-order-fill</div>
              <div class="code-name">&amp;#xe83f;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe738;</span>
              <div class="name">stop-fill</div>
              <div class="code-name">&amp;#xe738;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe840;</span>
              <div class="name">multi-language-fill</div>
              <div class="code-name">&amp;#xe840;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe741;</span>
              <div class="name">3column</div>
              <div class="code-name">&amp;#xe741;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe841;</span>
              <div class="name">logistics-icon-fill</div>
              <div class="code-name">&amp;#xe841;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe742;</span>
              <div class="name">add-account</div>
              <div class="code-name">&amp;#xe742;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe842;</span>
              <div class="name">New user zone-fill</div>
              <div class="code-name">&amp;#xe842;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe743;</span>
              <div class="name">4column</div>
              <div class="code-name">&amp;#xe743;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe843;</span>
              <div class="name">night mode-fill</div>
              <div class="code-name">&amp;#xe843;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe744;</span>
              <div class="name">add</div>
              <div class="code-name">&amp;#xe744;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe844;</span>
              <div class="name">office-supplies-fill</div>
              <div class="code-name">&amp;#xe844;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe745;</span>
              <div class="name">agriculture</div>
              <div class="code-name">&amp;#xe745;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe845;</span>
              <div class="name">notice-fill</div>
              <div class="code-name">&amp;#xe845;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe746;</span>
              <div class="name">2years</div>
              <div class="code-name">&amp;#xe746;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe846;</span>
              <div class="name">mute</div>
              <div class="code-name">&amp;#xe846;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe747;</span>
              <div class="name">add-cart</div>
              <div class="code-name">&amp;#xe747;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe847;</span>
              <div class="name">order-fill</div>
              <div class="code-name">&amp;#xe847;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe748;</span>
              <div class="name">arrow-right</div>
              <div class="code-name">&amp;#xe748;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe848;</span>
              <div class="name">password</div>
              <div class="code-name">&amp;#xe848;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe749;</span>
              <div class="name">arrow-left</div>
              <div class="code-name">&amp;#xe749;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe849;</span>
              <div class="name">map</div>
              <div class="code-name">&amp;#xe849;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe74a;</span>
              <div class="name">apparel</div>
              <div class="code-name">&amp;#xe74a;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe84a;</span>
              <div class="name">paylater-fill</div>
              <div class="code-name">&amp;#xe84a;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe74b;</span>
              <div class="name">all</div>
              <div class="code-name">&amp;#xe74b;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe84b;</span>
              <div class="name">phone-fill</div>
              <div class="code-name">&amp;#xe84b;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe74c;</span>
              <div class="name">arrow-up</div>
              <div class="code-name">&amp;#xe74c;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe84c;</span>
              <div class="name">online-tracking-fill</div>
              <div class="code-name">&amp;#xe84c;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe74d;</span>
              <div class="name">ascending</div>
              <div class="code-name">&amp;#xe74d;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe84d;</span>
              <div class="name">play-fill</div>
              <div class="code-name">&amp;#xe84d;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe74e;</span>
              <div class="name">ashbin</div>
              <div class="code-name">&amp;#xe74e;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe84e;</span>
              <div class="name">pdf-fill</div>
              <div class="code-name">&amp;#xe84e;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe74f;</span>
              <div class="name">atm</div>
              <div class="code-name">&amp;#xe74f;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe84f;</span>
              <div class="name">phone</div>
              <div class="code-name">&amp;#xe84f;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe750;</span>
              <div class="name">bad</div>
              <div class="code-name">&amp;#xe750;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe850;</span>
              <div class="name">pin-fill</div>
              <div class="code-name">&amp;#xe850;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe751;</span>
              <div class="name">attachent</div>
              <div class="code-name">&amp;#xe751;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe851;</span>
              <div class="name">product-fill</div>
              <div class="code-name">&amp;#xe851;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe752;</span>
              <div class="name">browse</div>
              <div class="code-name">&amp;#xe752;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe852;</span>
              <div class="name">ranking list-fill</div>
              <div class="code-name">&amp;#xe852;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe753;</span>
              <div class="name">beauty</div>
              <div class="code-name">&amp;#xe753;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe853;</span>
              <div class="name">reduce-fill</div>
              <div class="code-name">&amp;#xe853;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe754;</span>
              <div class="name">atm-away</div>
              <div class="code-name">&amp;#xe754;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe854;</span>
              <div class="name">reeor-fill</div>
              <div class="code-name">&amp;#xe854;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe755;</span>
              <div class="name">assessed-badge</div>
              <div class="code-name">&amp;#xe755;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe855;</span>
              <div class="name">pic-fill</div>
              <div class="code-name">&amp;#xe855;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe756;</span>
              <div class="name">auto</div>
              <div class="code-name">&amp;#xe756;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe856;</span>
              <div class="name">ranking list</div>
              <div class="code-name">&amp;#xe856;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe757;</span>
              <div class="name">bags</div>
              <div class="code-name">&amp;#xe757;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe857;</span>
              <div class="name">product</div>
              <div class="code-name">&amp;#xe857;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe758;</span>
              <div class="name">calendar</div>
              <div class="code-name">&amp;#xe758;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe858;</span>
              <div class="name">prompt-fill</div>
              <div class="code-name">&amp;#xe858;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe759;</span>
              <div class="name">cart- full</div>
              <div class="code-name">&amp;#xe759;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe859;</span>
              <div class="name">resonse rate-fill</div>
              <div class="code-name">&amp;#xe859;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe75a;</span>
              <div class="name">calculator</div>
              <div class="code-name">&amp;#xe75a;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe85a;</span>
              <div class="name">remind-fill</div>
              <div class="code-name">&amp;#xe85a;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe75b;</span>
              <div class="name">camera switching</div>
              <div class="code-name">&amp;#xe75b;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe85b;</span>
              <div class="name">Right button-fill</div>
              <div class="code-name">&amp;#xe85b;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe75c;</span>
              <div class="name">cecurity-protection</div>
              <div class="code-name">&amp;#xe75c;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe85c;</span>
              <div class="name">RFQ-logo-fill</div>
              <div class="code-name">&amp;#xe85c;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe75d;</span>
              <div class="name">category</div>
              <div class="code-name">&amp;#xe75d;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe85d;</span>
              <div class="name">RFQ-word-fill</div>
              <div class="code-name">&amp;#xe85d;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe75e;</span>
              <div class="name">close</div>
              <div class="code-name">&amp;#xe75e;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe85e;</span>
              <div class="name">search cart-fill</div>
              <div class="code-name">&amp;#xe85e;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe75f;</span>
              <div class="name">certified-supplier</div>
              <div class="code-name">&amp;#xe75f;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe85f;</span>
              <div class="name">sales center-fill</div>
              <div class="code-name">&amp;#xe85f;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe760;</span>
              <div class="name">cart-Empty</div>
              <div class="code-name">&amp;#xe760;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe860;</span>
              <div class="name">save-fill</div>
              <div class="code-name">&amp;#xe860;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe761;</span>
              <div class="name">code</div>
              <div class="code-name">&amp;#xe761;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe861;</span>
              <div class="name">security-fill</div>
              <div class="code-name">&amp;#xe861;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe762;</span>
              <div class="name">color</div>
              <div class="code-name">&amp;#xe762;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe862;</span>
              <div class="name">category products-fill</div>
              <div class="code-name">&amp;#xe862;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe763;</span>
              <div class="name">conditions</div>
              <div class="code-name">&amp;#xe763;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe863;</span>
              <div class="name">signboard-fill</div>
              <div class="code-name">&amp;#xe863;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe764;</span>
              <div class="name">confirm</div>
              <div class="code-name">&amp;#xe764;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe864;</span>
              <div class="name">service-fill</div>
              <div class="code-name">&amp;#xe864;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe765;</span>
              <div class="name">company</div>
              <div class="code-name">&amp;#xe765;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe865;</span>
              <div class="name">shuffling-banner-fill</div>
              <div class="code-name">&amp;#xe865;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe766;</span>
              <div class="name">ali-clould</div>
              <div class="code-name">&amp;#xe766;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe866;</span>
              <div class="name">supplier-features-fill</div>
              <div class="code-name">&amp;#xe866;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe767;</span>
              <div class="name">copy</div>
              <div class="code-name">&amp;#xe767;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe867;</span>
              <div class="name">store-fill</div>
              <div class="code-name">&amp;#xe867;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe768;</span>
              <div class="name">credit-level</div>
              <div class="code-name">&amp;#xe768;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe868;</span>
              <div class="name">smile-fill</div>
              <div class="code-name">&amp;#xe868;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe769;</span>
              <div class="name">coupons</div>
              <div class="code-name">&amp;#xe769;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe869;</span>
              <div class="name">success-fill</div>
              <div class="code-name">&amp;#xe869;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe76a;</span>
              <div class="name">connections</div>
              <div class="code-name">&amp;#xe76a;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe86a;</span>
              <div class="name">sound-filling-fill</div>
              <div class="code-name">&amp;#xe86a;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe76b;</span>
              <div class="name">cry</div>
              <div class="code-name">&amp;#xe76b;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe86b;</span>
              <div class="name">sound-Mute</div>
              <div class="code-name">&amp;#xe86b;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe76c;</span>
              <div class="name">costoms-alearance</div>
              <div class="code-name">&amp;#xe76c;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe86c;</span>
              <div class="name">suspended-fill</div>
              <div class="code-name">&amp;#xe86c;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe76d;</span>
              <div class="name">clock</div>
              <div class="code-name">&amp;#xe76d;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe86d;</span>
              <div class="name">tool-fill</div>
              <div class="code-name">&amp;#xe86d;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe76e;</span>
              <div class="name">Currency Converter</div>
              <div class="code-name">&amp;#xe76e;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe86e;</span>
              <div class="name">task-management-fill</div>
              <div class="code-name">&amp;#xe86e;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe76f;</span>
              <div class="name">cut</div>
              <div class="code-name">&amp;#xe76f;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe86f;</span>
              <div class="name">unlock-fill</div>
              <div class="code-name">&amp;#xe86f;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe770;</span>
              <div class="name">data</div>
              <div class="code-name">&amp;#xe770;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe870;</span>
              <div class="name">trust-fill</div>
              <div class="code-name">&amp;#xe870;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe771;</span>
              <div class="name">Customer management</div>
              <div class="code-name">&amp;#xe771;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe871;</span>
              <div class="name">vip-fill</div>
              <div class="code-name">&amp;#xe871;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe772;</span>
              <div class="name">descending</div>
              <div class="code-name">&amp;#xe772;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe872;</span>
              <div class="name">set</div>
              <div class="code-name">&amp;#xe872;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe773;</span>
              <div class="name">double-arro- right</div>
              <div class="code-name">&amp;#xe773;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe873;</span>
              <div class="name">top-fill</div>
              <div class="code-name">&amp;#xe873;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe774;</span>
              <div class="name">customization</div>
              <div class="code-name">&amp;#xe774;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe874;</span>
              <div class="name">view larger</div>
              <div class="code-name">&amp;#xe874;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe775;</span>
              <div class="name">double-arrow-left</div>
              <div class="code-name">&amp;#xe775;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe875;</span>
              <div class="name">voice-fill</div>
              <div class="code-name">&amp;#xe875;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe776;</span>
              <div class="name">discount</div>
              <div class="code-name">&amp;#xe776;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe876;</span>
              <div class="name">warning-fill</div>
              <div class="code-name">&amp;#xe876;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe777;</span>
              <div class="name">download</div>
              <div class="code-name">&amp;#xe777;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe877;</span>
              <div class="name">warehouse-fill</div>
              <div class="code-name">&amp;#xe877;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe778;</span>
              <div class="name">dollar</div>
              <div class="code-name">&amp;#xe778;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe878;</span>
              <div class="name">zip-fill</div>
              <div class="code-name">&amp;#xe878;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe779;</span>
              <div class="name">default-template</div>
              <div class="code-name">&amp;#xe779;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe879;</span>
              <div class="name">trade-assurance-fill</div>
              <div class="code-name">&amp;#xe879;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe77a;</span>
              <div class="name">editor</div>
              <div class="code-name">&amp;#xe77a;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe87a;</span>
              <div class="name">vs-fill</div>
              <div class="code-name">&amp;#xe87a;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe77b;</span>
              <div class="name">eletrical</div>
              <div class="code-name">&amp;#xe77b;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe87b;</span>
              <div class="name">video</div>
              <div class="code-name">&amp;#xe87b;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe77c;</span>
              <div class="name">electronics</div>
              <div class="code-name">&amp;#xe77c;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe87c;</span>
              <div class="name">template-fill</div>
              <div class="code-name">&amp;#xe87c;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe77d;</span>
              <div class="name">etrical-equipm</div>
              <div class="code-name">&amp;#xe77d;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe87d;</span>
              <div class="name">wallet</div>
              <div class="code-name">&amp;#xe87d;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe77e;</span>
              <div class="name">ellipsis</div>
              <div class="code-name">&amp;#xe77e;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe87e;</span>
              <div class="name">training</div>
              <div class="code-name">&amp;#xe87e;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe77f;</span>
              <div class="name">email</div>
              <div class="code-name">&amp;#xe77f;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe87f;</span>
              <div class="name">packing-labeling-fill</div>
              <div class="code-name">&amp;#xe87f;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe780;</span>
              <div class="name">falling</div>
              <div class="code-name">&amp;#xe780;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe880;</span>
              <div class="name">export services-fill</div>
              <div class="code-name">&amp;#xe880;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe781;</span>
              <div class="name">earth</div>
              <div class="code-name">&amp;#xe781;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe881;</span>
              <div class="name">brand-fill</div>
              <div class="code-name">&amp;#xe881;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe782;</span>
              <div class="name">filter</div>
              <div class="code-name">&amp;#xe782;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe882;</span>
              <div class="name">collection</div>
              <div class="code-name">&amp;#xe882;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe783;</span>
              <div class="name">furniture</div>
              <div class="code-name">&amp;#xe783;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe883;</span>
              <div class="name">consumption-fill</div>
              <div class="code-name">&amp;#xe883;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe784;</span>
              <div class="name">folder</div>
              <div class="code-name">&amp;#xe784;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe884;</span>
              <div class="name">collection-fill</div>
              <div class="code-name">&amp;#xe884;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe785;</span>
              <div class="name">feeds</div>
              <div class="code-name">&amp;#xe785;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe885;</span>
              <div class="name">brand</div>
              <div class="code-name">&amp;#xe885;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe786;</span>
              <div class="name">history</div>
              <div class="code-name">&amp;#xe786;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe886;</span>
              <div class="name">rejected-order-fill</div>
              <div class="code-name">&amp;#xe886;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe787;</span>
              <div class="name">hardware</div>
              <div class="code-name">&amp;#xe787;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe887;</span>
              <div class="name">homepage-ads-fill</div>
              <div class="code-name">&amp;#xe887;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe788;</span>
              <div class="name">help</div>
              <div class="code-name">&amp;#xe788;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe888;</span>
              <div class="name">homepage-ads</div>
              <div class="code-name">&amp;#xe888;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe789;</span>
              <div class="name">good</div>
              <div class="code-name">&amp;#xe789;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe889;</span>
              <div class="name">scenes-fill</div>
              <div class="code-name">&amp;#xe889;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe78a;</span>
              <div class="name">Household appliances</div>
              <div class="code-name">&amp;#xe78a;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe88a;</span>
              <div class="name">scenes</div>
              <div class="code-name">&amp;#xe88a;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe78b;</span>
              <div class="name">gift</div>
              <div class="code-name">&amp;#xe78b;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe88b;</span>
              <div class="name">similar-product-fill</div>
              <div class="code-name">&amp;#xe88b;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe78c;</span>
              <div class="name">form</div>
              <div class="code-name">&amp;#xe78c;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe88c;</span>
              <div class="name">topraning-fill</div>
              <div class="code-name">&amp;#xe88c;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe78d;</span>
              <div class="name">image-text</div>
              <div class="code-name">&amp;#xe78d;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe88d;</span>
              <div class="name">consumption</div>
              <div class="code-name">&amp;#xe88d;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe78e;</span>
              <div class="name">hot</div>
              <div class="code-name">&amp;#xe78e;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe88e;</span>
              <div class="name">topraning</div>
              <div class="code-name">&amp;#xe88e;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe78f;</span>
              <div class="name">inspection</div>
              <div class="code-name">&amp;#xe78f;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe88f;</span>
              <div class="name">gold-supplier</div>
              <div class="code-name">&amp;#xe88f;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe790;</span>
              <div class="name">left button</div>
              <div class="code-name">&amp;#xe790;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe890;</span>
              <div class="name">message center-fill</div>
              <div class="code-name">&amp;#xe890;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe791;</span>
              <div class="name">jewelry</div>
              <div class="code-name">&amp;#xe791;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe891;</span>
              <div class="name">quick</div>
              <div class="code-name">&amp;#xe891;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe792;</span>
              <div class="name">ipad</div>
              <div class="code-name">&amp;#xe792;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe892;</span>
              <div class="name">writing</div>
              <div class="code-name">&amp;#xe892;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe793;</span>
              <div class="name">left arrow</div>
              <div class="code-name">&amp;#xe793;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe893;</span>
              <div class="name">doc-fill</div>
              <div class="code-name">&amp;#xe893;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe794;</span>
              <div class="name">integral</div>
              <div class="code-name">&amp;#xe794;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe894;</span>
              <div class="name">jpge-fill</div>
              <div class="code-name">&amp;#xe894;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe795;</span>
              <div class="name">kitchen</div>
              <div class="code-name">&amp;#xe795;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe895;</span>
              <div class="name">gif-fill</div>
              <div class="code-name">&amp;#xe895;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe796;</span>
              <div class="name">inquiry-template</div>
              <div class="code-name">&amp;#xe796;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe896;</span>
              <div class="name">bmp-fill</div>
              <div class="code-name">&amp;#xe896;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe797;</span>
              <div class="name">link</div>
              <div class="code-name">&amp;#xe797;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe897;</span>
              <div class="name">tif-fill</div>
              <div class="code-name">&amp;#xe897;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe798;</span>
              <div class="name">libra</div>
              <div class="code-name">&amp;#xe798;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe898;</span>
              <div class="name">png-fill</div>
              <div class="code-name">&amp;#xe898;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe799;</span>
              <div class="name">loading</div>
              <div class="code-name">&amp;#xe799;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe899;</span>
              <div class="name">home</div>
              <div class="code-name">&amp;#xe899;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe79a;</span>
              <div class="name">listing-content</div>
              <div class="code-name">&amp;#xe79a;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe89a;</span>
              <div class="name">home</div>
              <div class="code-name">&amp;#xe89a;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe79b;</span>
              <div class="name">lights</div>
              <div class="code-name">&amp;#xe79b;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe89b;</span>
              <div class="name">send inquiry-fill</div>
              <div class="code-name">&amp;#xe89b;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe79c;</span>
              <div class="name">logistics-icon</div>
              <div class="code-name">&amp;#xe79c;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe89c;</span>
              <div class="name">comments-fill</div>
              <div class="code-name">&amp;#xe89c;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe79d;</span>
              <div class="name">message center</div>
              <div class="code-name">&amp;#xe79d;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe89d;</span>
              <div class="name">account-fill</div>
              <div class="code-name">&amp;#xe89d;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe79e;</span>
              <div class="name">mobile-phone</div>
              <div class="code-name">&amp;#xe79e;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe89e;</span>
              <div class="name">feed-logo-fill</div>
              <div class="code-name">&amp;#xe89e;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe79f;</span>
              <div class="name">manage-order</div>
              <div class="code-name">&amp;#xe79f;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe89f;</span>
              <div class="name">feed-logo</div>
              <div class="code-name">&amp;#xe89f;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7a0;</span>
              <div class="name">move</div>
              <div class="code-name">&amp;#xe7a0;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8a0;</span>
              <div class="name">home-fill</div>
              <div class="code-name">&amp;#xe8a0;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7a1;</span>
              <div class="name">Money management</div>
              <div class="code-name">&amp;#xe7a1;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8a1;</span>
              <div class="name">add-select</div>
              <div class="code-name">&amp;#xe8a1;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7a2;</span>
              <div class="name">namecard</div>
              <div class="code-name">&amp;#xe7a2;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8a2;</span>
              <div class="name">sami-select</div>
              <div class="code-name">&amp;#xe8a2;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7a3;</span>
              <div class="name">map</div>
              <div class="code-name">&amp;#xe7a3;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8a3;</span>
              <div class="name">camera</div>
              <div class="code-name">&amp;#xe8a3;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7a4;</span>
              <div class="name">New user zone</div>
              <div class="code-name">&amp;#xe7a4;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8a4;</span>
              <div class="name">arrow-down</div>
              <div class="code-name">&amp;#xe8a4;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7a5;</span>
              <div class="name">multi-language</div>
              <div class="code-name">&amp;#xe7a5;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8a5;</span>
              <div class="name">account</div>
              <div class="code-name">&amp;#xe8a5;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7a6;</span>
              <div class="name">office</div>
              <div class="code-name">&amp;#xe7a6;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8a6;</span>
              <div class="name">comments</div>
              <div class="code-name">&amp;#xe8a6;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7a7;</span>
              <div class="name">notice</div>
              <div class="code-name">&amp;#xe7a7;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8a7;</span>
              <div class="name">cart-Empty</div>
              <div class="code-name">&amp;#xe8a7;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7a8;</span>
              <div class="name">on time shipment</div>
              <div class="code-name">&amp;#xe7a8;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8a8;</span>
              <div class="name">favorites</div>
              <div class="code-name">&amp;#xe8a8;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7a9;</span>
              <div class="name">office-supplies</div>
              <div class="code-name">&amp;#xe7a9;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8a9;</span>
              <div class="name">order</div>
              <div class="code-name">&amp;#xe8a9;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7aa;</span>
              <div class="name">password</div>
              <div class="code-name">&amp;#xe7aa;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8aa;</span>
              <div class="name">search</div>
              <div class="code-name">&amp;#xe8aa;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7ab;</span>
              <div class="name">Not visible</div>
              <div class="code-name">&amp;#xe7ab;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8ab;</span>
              <div class="name">trade-assurance</div>
              <div class="code-name">&amp;#xe8ab;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7ac;</span>
              <div class="name">operation</div>
              <div class="code-name">&amp;#xe7ac;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8ac;</span>
              <div class="name">user center</div>
              <div class="code-name">&amp;#xe8ac;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7ad;</span>
              <div class="name">packaging</div>
              <div class="code-name">&amp;#xe7ad;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8ad;</span>
              <div class="name">trading data</div>
              <div class="code-name">&amp;#xe8ad;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7ae;</span>
              <div class="name">online-tracking</div>
              <div class="code-name">&amp;#xe7ae;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8ae;</span>
              <div class="name">microphone</div>
              <div class="code-name">&amp;#xe8ae;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7af;</span>
              <div class="name">packing-labeling</div>
              <div class="code-name">&amp;#xe7af;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8af;</span>
              <div class="name">txt</div>
              <div class="code-name">&amp;#xe8af;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7b0;</span>
              <div class="name">phone</div>
              <div class="code-name">&amp;#xe7b0;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8b0;</span>
              <div class="name">xlsx</div>
              <div class="code-name">&amp;#xe8b0;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7b1;</span>
              <div class="name">pic</div>
              <div class="code-name">&amp;#xe7b1;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8b1;</span>
              <div class="name">办证服务</div>
              <div class="code-name">&amp;#xe8b1;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7b2;</span>
              <div class="name">pin</div>
              <div class="code-name">&amp;#xe7b2;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8b2;</span>
              <div class="name">仓库</div>
              <div class="code-name">&amp;#xe8b2;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7b3;</span>
              <div class="name">play</div>
              <div class="code-name">&amp;#xe7b3;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8b3;</span>
              <div class="name">代办财税</div>
              <div class="code-name">&amp;#xe8b3;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7b4;</span>
              <div class="name">logistic-logo</div>
              <div class="code-name">&amp;#xe7b4;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8b4;</span>
              <div class="name">集装箱</div>
              <div class="code-name">&amp;#xe8b4;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7b5;</span>
              <div class="name">print</div>
              <div class="code-name">&amp;#xe7b5;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8b5;</span>
              <div class="name">角标</div>
              <div class="code-name">&amp;#xe8b5;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7b6;</span>
              <div class="name">product</div>
              <div class="code-name">&amp;#xe7b6;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8b6;</span>
              <div class="name">客户盘点</div>
              <div class="code-name">&amp;#xe8b6;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7b7;</span>
              <div class="name">machinery</div>
              <div class="code-name">&amp;#xe7b7;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8b7;</span>
              <div class="name">动态</div>
              <div class="code-name">&amp;#xe8b7;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7b8;</span>
              <div class="name">process</div>
              <div class="code-name">&amp;#xe7b8;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8b8;</span>
              <div class="name">贷款</div>
              <div class="code-name">&amp;#xe8b8;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7b9;</span>
              <div class="name">prompt</div>
              <div class="code-name">&amp;#xe7b9;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8b9;</span>
              <div class="name">生意经</div>
              <div class="code-name">&amp;#xe8b9;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7ba;</span>
              <div class="name">QRcode</div>
              <div class="code-name">&amp;#xe7ba;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8ba;</span>
              <div class="name">结汇</div>
              <div class="code-name">&amp;#xe8ba;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7bb;</span>
              <div class="name">reeor</div>
              <div class="code-name">&amp;#xe7bb;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8bb;</span>
              <div class="name">分层配置</div>
              <div class="code-name">&amp;#xe8bb;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7bc;</span>
              <div class="name">reduce</div>
              <div class="code-name">&amp;#xe7bc;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8bc;</span>
              <div class="name">申请记录</div>
              <div class="code-name">&amp;#xe8bc;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7bd;</span>
              <div class="name">Non-staple food</div>
              <div class="code-name">&amp;#xe7bd;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8bd;</span>
              <div class="name">上传备案单证</div>
              <div class="code-name">&amp;#xe8bd;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7be;</span>
              <div class="name">rejected-order</div>
              <div class="code-name">&amp;#xe7be;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8be;</span>
              <div class="name">上传</div>
              <div class="code-name">&amp;#xe8be;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7bf;</span>
              <div class="name">resonse rate</div>
              <div class="code-name">&amp;#xe7bf;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8bf;</span>
              <div class="name">客户权益</div>
              <div class="code-name">&amp;#xe8bf;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7c0;</span>
              <div class="name">remind</div>
              <div class="code-name">&amp;#xe7c0;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8c0;</span>
              <div class="name">缩小</div>
              <div class="code-name">&amp;#xe8c0;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7c1;</span>
              <div class="name">response time</div>
              <div class="code-name">&amp;#xe7c1;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8c1;</span>
              <div class="name">权益配置</div>
              <div class="code-name">&amp;#xe8c1;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7c2;</span>
              <div class="name">return</div>
              <div class="code-name">&amp;#xe7c2;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8c2;</span>
              <div class="name">双审</div>
              <div class="code-name">&amp;#xe8c2;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7c3;</span>
              <div class="name">paylater</div>
              <div class="code-name">&amp;#xe7c3;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8c3;</span>
              <div class="name">通关</div>
              <div class="code-name">&amp;#xe8c3;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7c4;</span>
              <div class="name">rising</div>
              <div class="code-name">&amp;#xe7c4;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8c4;</span>
              <div class="name">退税</div>
              <div class="code-name">&amp;#xe8c4;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7c5;</span>
              <div class="name">Right arrow</div>
              <div class="code-name">&amp;#xe7c5;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8c5;</span>
              <div class="name">通关数据</div>
              <div class="code-name">&amp;#xe8c5;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7c6;</span>
              <div class="name">rmb</div>
              <div class="code-name">&amp;#xe7c6;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8c6;</span>
              <div class="name">快递物流</div>
              <div class="code-name">&amp;#xe8c6;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7c7;</span>
              <div class="name">RFQ-logo</div>
              <div class="code-name">&amp;#xe7c7;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8c7;</span>
              <div class="name">物流产品</div>
              <div class="code-name">&amp;#xe8c7;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7c8;</span>
              <div class="name">save</div>
              <div class="code-name">&amp;#xe7c8;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8c8;</span>
              <div class="name">外汇数据</div>
              <div class="code-name">&amp;#xe8c8;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7c9;</span>
              <div class="name">scanning</div>
              <div class="code-name">&amp;#xe7c9;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8c9;</span>
              <div class="name">信息bar_手机</div>
              <div class="code-name">&amp;#xe8c9;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7ca;</span>
              <div class="name">security</div>
              <div class="code-name">&amp;#xe7ca;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8ca;</span>
              <div class="name">新外综业务</div>
              <div class="code-name">&amp;#xe8ca;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7cb;</span>
              <div class="name">sales center</div>
              <div class="code-name">&amp;#xe7cb;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8cb;</span>
              <div class="name">物流订单</div>
              <div class="code-name">&amp;#xe8cb;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7cc;</span>
              <div class="name">seleted</div>
              <div class="code-name">&amp;#xe7cc;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8cc;</span>
              <div class="name">中间人</div>
              <div class="code-name">&amp;#xe8cc;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7cd;</span>
              <div class="name">search cart</div>
              <div class="code-name">&amp;#xe7cd;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8cd;</span>
              <div class="name">信息bar_账户</div>
              <div class="code-name">&amp;#xe8cd;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7ce;</span>
              <div class="name">raw</div>
              <div class="code-name">&amp;#xe7ce;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8ce;</span>
              <div class="name">一达通</div>
              <div class="code-name">&amp;#xe8ce;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7cf;</span>
              <div class="name">service</div>
              <div class="code-name">&amp;#xe7cf;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8cf;</span>
              <div class="name">专业权威</div>
              <div class="code-name">&amp;#xe8cf;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7d0;</span>
              <div class="name">share</div>
              <div class="code-name">&amp;#xe7d0;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8d0;</span>
              <div class="name">账户操作</div>
              <div class="code-name">&amp;#xe8d0;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7d1;</span>
              <div class="name">signboard</div>
              <div class="code-name">&amp;#xe7d1;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8d1;</span>
              <div class="name">旋转90度</div>
              <div class="code-name">&amp;#xe8d1;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7d2;</span>
              <div class="name">shuffling-banner</div>
              <div class="code-name">&amp;#xe7d2;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8d2;</span>
              <div class="name">退税融资</div>
              <div class="code-name">&amp;#xe8d2;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7d3;</span>
              <div class="name">Right button</div>
              <div class="code-name">&amp;#xe7d3;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8d3;</span>
              <div class="name">Add Products</div>
              <div class="code-name">&amp;#xe8d3;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7d4;</span>
              <div class="name">sorting</div>
              <div class="code-name">&amp;#xe7d4;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8d4;</span>
              <div class="name">自营业务</div>
              <div class="code-name">&amp;#xe8d4;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7d5;</span>
              <div class="name">sound-Mute</div>
              <div class="code-name">&amp;#xe7d5;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8d5;</span>
              <div class="name">addcell</div>
              <div class="code-name">&amp;#xe8d5;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7d6;</span>
              <div class="name">category products</div>
              <div class="code-name">&amp;#xe7d6;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8d6;</span>
              <div class="name">background-color</div>
              <div class="code-name">&amp;#xe8d6;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7d7;</span>
              <div class="name">sound-filling</div>
              <div class="code-name">&amp;#xe7d7;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8d7;</span>
              <div class="name">cascades</div>
              <div class="code-name">&amp;#xe8d7;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7d8;</span>
              <div class="name">suggest</div>
              <div class="code-name">&amp;#xe7d8;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8d8;</span>
              <div class="name">beijing</div>
              <div class="code-name">&amp;#xe8d8;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7d9;</span>
              <div class="name">stop</div>
              <div class="code-name">&amp;#xe7d9;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8d9;</span>
              <div class="name">bold</div>
              <div class="code-name">&amp;#xe8d9;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7da;</span>
              <div class="name">success</div>
              <div class="code-name">&amp;#xe7da;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8da;</span>
              <div class="name">资金</div>
              <div class="code-name">&amp;#xe8da;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7db;</span>
              <div class="name">supplier-features</div>
              <div class="code-name">&amp;#xe7db;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8db;</span>
              <div class="name">eraser</div>
              <div class="code-name">&amp;#xe8db;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7dc;</span>
              <div class="name">switch</div>
              <div class="code-name">&amp;#xe7dc;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8dc;</span>
              <div class="name">centeralignment</div>
              <div class="code-name">&amp;#xe8dc;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7dd;</span>
              <div class="name">survey</div>
              <div class="code-name">&amp;#xe7dd;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8dd;</span>
              <div class="name">click</div>
              <div class="code-name">&amp;#xe8dd;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7de;</span>
              <div class="name">template</div>
              <div class="code-name">&amp;#xe7de;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8de;</span>
              <div class="name">asp结算</div>
              <div class="code-name">&amp;#xe8de;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7df;</span>
              <div class="name">text</div>
              <div class="code-name">&amp;#xe7df;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8df;</span>
              <div class="name">flag</div>
              <div class="code-name">&amp;#xe8df;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7e0;</span>
              <div class="name">suspended</div>
              <div class="code-name">&amp;#xe7e0;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8e0;</span>
              <div class="name">falg-fill</div>
              <div class="code-name">&amp;#xe8e0;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7e1;</span>
              <div class="name">task-management</div>
              <div class="code-name">&amp;#xe7e1;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8e1;</span>
              <div class="name">Fee</div>
              <div class="code-name">&amp;#xe8e1;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7e2;</span>
              <div class="name">tool</div>
              <div class="code-name">&amp;#xe7e2;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8e2;</span>
              <div class="name">filling</div>
              <div class="code-name">&amp;#xe8e2;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7e3;</span>
              <div class="name">top</div>
              <div class="code-name">&amp;#xe7e3;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8e3;</span>
              <div class="name">Foreign currency</div>
              <div class="code-name">&amp;#xe8e3;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7e4;</span>
              <div class="name">smile</div>
              <div class="code-name">&amp;#xe7e4;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8e4;</span>
              <div class="name">guanliyuan</div>
              <div class="code-name">&amp;#xe8e4;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7e5;</span>
              <div class="name">textile-products</div>
              <div class="code-name">&amp;#xe7e5;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8e5;</span>
              <div class="name">language</div>
              <div class="code-name">&amp;#xe8e5;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7e6;</span>
              <div class="name">trade alert</div>
              <div class="code-name">&amp;#xe7e6;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8e6;</span>
              <div class="name">leftalignment</div>
              <div class="code-name">&amp;#xe8e6;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7e7;</span>
              <div class="name">top sales</div>
              <div class="code-name">&amp;#xe7e7;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8e7;</span>
              <div class="name">extra-inquiries</div>
              <div class="code-name">&amp;#xe8e7;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7e8;</span>
              <div class="name">trading volume</div>
              <div class="code-name">&amp;#xe7e8;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8e8;</span>
              <div class="name">Italic</div>
              <div class="code-name">&amp;#xe8e8;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7e9;</span>
              <div class="name">training</div>
              <div class="code-name">&amp;#xe7e9;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8e9;</span>
              <div class="name">pcm</div>
              <div class="code-name">&amp;#xe8e9;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7ea;</span>
              <div class="name">upload</div>
              <div class="code-name">&amp;#xe7ea;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8ea;</span>
              <div class="name">reducecell</div>
              <div class="code-name">&amp;#xe8ea;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7eb;</span>
              <div class="name">RFQ-word</div>
              <div class="code-name">&amp;#xe7eb;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8eb;</span>
              <div class="name">rightalignment</div>
              <div class="code-name">&amp;#xe8eb;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7ec;</span>
              <div class="name">view larger</div>
              <div class="code-name">&amp;#xe7ec;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8ec;</span>
              <div class="name">pointerleft</div>
              <div class="code-name">&amp;#xe8ec;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7ed;</span>
              <div class="name">viewgallery</div>
              <div class="code-name">&amp;#xe7ed;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8ed;</span>
              <div class="name">subscript</div>
              <div class="code-name">&amp;#xe8ed;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7ee;</span>
              <div class="name">vehivles</div>
              <div class="code-name">&amp;#xe7ee;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8ee;</span>
              <div class="name">square</div>
              <div class="code-name">&amp;#xe8ee;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7ef;</span>
              <div class="name">trust</div>
              <div class="code-name">&amp;#xe7ef;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8ef;</span>
              <div class="name">superscript</div>
              <div class="code-name">&amp;#xe8ef;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7f0;</span>
              <div class="name">warning</div>
              <div class="code-name">&amp;#xe7f0;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8f0;</span>
              <div class="name">tag-subscript</div>
              <div class="code-name">&amp;#xe8f0;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7f1;</span>
              <div class="name">warehouse</div>
              <div class="code-name">&amp;#xe7f1;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8f1;</span>
              <div class="name">单据转换</div>
              <div class="code-name">&amp;#xe8f1;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7f2;</span>
              <div class="name">shoes</div>
              <div class="code-name">&amp;#xe7f2;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8f2;</span>
              <div class="name">Transfer money</div>
              <div class="code-name">&amp;#xe8f2;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7f3;</span>
              <div class="name">video</div>
              <div class="code-name">&amp;#xe7f3;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8f3;</span>
              <div class="name">under-line</div>
              <div class="code-name">&amp;#xe8f3;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7f4;</span>
              <div class="name">viewlist</div>
              <div class="code-name">&amp;#xe7f4;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8f4;</span>
              <div class="name">xiakuangxian</div>
              <div class="code-name">&amp;#xe8f4;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7f5;</span>
              <div class="name">set</div>
              <div class="code-name">&amp;#xe7f5;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8f5;</span>
              <div class="name">收起</div>
              <div class="code-name">&amp;#xe8f5;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7f6;</span>
              <div class="name">store</div>
              <div class="code-name">&amp;#xe7f6;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8f6;</span>
              <div class="name">展开</div>
              <div class="code-name">&amp;#xe8f6;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7f7;</span>
              <div class="name">tool-hardware</div>
              <div class="code-name">&amp;#xe7f7;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8f7;</span>
              <div class="name">通讯录</div>
              <div class="code-name">&amp;#xe8f7;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7f8;</span>
              <div class="name">vs</div>
              <div class="code-name">&amp;#xe7f8;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8f8;</span>
              <div class="name">已关注供应商</div>
              <div class="code-name">&amp;#xe8f8;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7f9;</span>
              <div class="name">toy</div>
              <div class="code-name">&amp;#xe7f9;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8f9;</span>
              <div class="name">购买偏好</div>
              <div class="code-name">&amp;#xe8f9;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7fa;</span>
              <div class="name">sport</div>
              <div class="code-name">&amp;#xe7fa;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8fa;</span>
              <div class="name">Subscribe</div>
              <div class="code-name">&amp;#xe8fa;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7fb;</span>
              <div class="name">credit card</div>
              <div class="code-name">&amp;#xe7fb;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8fb;</span>
              <div class="name">become a gold supplier</div>
              <div class="code-name">&amp;#xe8fb;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7fc;</span>
              <div class="name">contacts</div>
              <div class="code-name">&amp;#xe7fc;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8fc;</span>
              <div class="name">new</div>
              <div class="code-name">&amp;#xe8fc;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7fd;</span>
              <div class="name">checkstand</div>
              <div class="code-name">&amp;#xe7fd;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8fd;</span>
              <div class="name">free</div>
              <div class="code-name">&amp;#xe8fd;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7fe;</span>
              <div class="name">aviation</div>
              <div class="code-name">&amp;#xe7fe;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8fe;</span>
              <div class="name">cad-fill</div>
              <div class="code-name">&amp;#xe8fe;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe7ff;</span>
              <div class="name">Daytime mode</div>
              <div class="code-name">&amp;#xe7ff;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe8ff;</span>
              <div class="name">robot</div>
              <div class="code-name">&amp;#xe8ff;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe800;</span>
              <div class="name">infant & mom</div>
              <div class="code-name">&amp;#xe800;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe900;</span>
              <div class="name">inspection</div>
              <div class="code-name">&amp;#xe900;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe801;</span>
              <div class="name">discounts</div>
              <div class="code-name">&amp;#xe801;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe901;</span>
              <div class="name">block</div>
              <div class="code-name">&amp;#xe901;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe802;</span>
              <div class="name">invoice</div>
              <div class="code-name">&amp;#xe802;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe902;</span>
              <div class="name">收货icon</div>
              <div class="code-name">&amp;#xe902;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe803;</span>
              <div class="name">insurance</div>
              <div class="code-name">&amp;#xe803;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe804;</span>
              <div class="name">night mode</div>
              <div class="code-name">&amp;#xe804;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe805;</span>
              <div class="name">user center</div>
              <div class="code-name">&amp;#xe805;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe806;</span>
              <div class="name">unlock</div>
              <div class="code-name">&amp;#xe806;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe807;</span>
              <div class="name">vip</div>
              <div class="code-name">&amp;#xe807;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe808;</span>
              <div class="name">wallet</div>
              <div class="code-name">&amp;#xe808;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe809;</span>
              <div class="name">land transportation</div>
              <div class="code-name">&amp;#xe809;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe80a;</span>
              <div class="name">voice</div>
              <div class="code-name">&amp;#xe80a;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe80b;</span>
              <div class="name">exchange rate</div>
              <div class="code-name">&amp;#xe80b;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe80c;</span>
              <div class="name">contacts-fill</div>
              <div class="code-name">&amp;#xe80c;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe80d;</span>
              <div class="name">add-account</div>
              <div class="code-name">&amp;#xe80d;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe80e;</span>
              <div class="name">2years-fill</div>
              <div class="code-name">&amp;#xe80e;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe80f;</span>
              <div class="name">add-cart-fill</div>
              <div class="code-name">&amp;#xe80f;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe810;</span>
              <div class="name">add-fill</div>
              <div class="code-name">&amp;#xe810;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe811;</span>
              <div class="name">all-fill</div>
              <div class="code-name">&amp;#xe811;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe812;</span>
              <div class="name">ashbin-fill</div>
              <div class="code-name">&amp;#xe812;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe813;</span>
              <div class="name">calendar-fill</div>
              <div class="code-name">&amp;#xe813;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe814;</span>
              <div class="name">bad-fill</div>
              <div class="code-name">&amp;#xe814;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe815;</span>
              <div class="name">bussiness-man-fill</div>
              <div class="code-name">&amp;#xe815;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe816;</span>
              <div class="name">atm-fill</div>
              <div class="code-name">&amp;#xe816;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe817;</span>
              <div class="name">cart- full-fill</div>
              <div class="code-name">&amp;#xe817;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe818;</span>
              <div class="name">cart-Empty-fill</div>
              <div class="code-name">&amp;#xe818;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe819;</span>
              <div class="name">camera switching-fill</div>
              <div class="code-name">&amp;#xe819;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe81a;</span>
              <div class="name">atm-away-fill</div>
              <div class="code-name">&amp;#xe81a;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe81b;</span>
              <div class="name">certified-supplier-fill</div>
              <div class="code-name">&amp;#xe81b;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe81c;</span>
              <div class="name">calculator-fill</div>
              <div class="code-name">&amp;#xe81c;</div>
            </li>

            <li class="dib">
              <span class="icon libra-font">&#xe81d;</span>
              <div class="name">clock-fill</div>
              <div class="code-name">&amp;#xe81d;</div>
            </li>
          </ul>
          <div class="article markdown">
            <h2 id="unicode-">Unicode 引用</h2>
            <hr />

            <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
            <ul>
              <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
              <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
            </ul>
            <blockquote>
              <p>
                注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol
                引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）
              </p>
            </blockquote>
            <p>Unicode 使用步骤如下：</p>
            <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
            <pre><code class="language-css"
>@font-face {
  font-family: 'libra-font';
  src: url('iconfont.woff2?t=1657242116535') format('woff2'),
       url('iconfont.woff?t=1657242116535') format('woff'),
       url('iconfont.ttf?t=1657242116535') format('truetype');
}
</code></pre>
            <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
            <pre><code class="language-css"
>.libra-font {
  font-family: "libra-font" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
            <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
            <pre>
<code class="language-html"
>&lt;span class="libra-font"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
            <blockquote>
              <p>
                "libra-font" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。
              </p>
            </blockquote>
          </div>
        </div>
        <div class="content font-class">
          <ul class="icon_lists dib-box">
            <li class="dib">
              <span class="icon libra-font libra-ali-clould-fill"></span>
              <div class="name">ali-clould-fill</div>
              <div class="code-name">.libra-ali-clould-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-color-fill"></span>
              <div class="name">color-fill</div>
              <div class="code-name">.libra-color-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-coupons-fill"></span>
              <div class="name">coupons-fill</div>
              <div class="code-name">.libra-coupons-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-cecurity-protection-fill"></span>
              <div class="name">cecurity-protection-fill</div>
              <div class="code-name">.libra-cecurity-protection-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-credit-level-fill"></span>
              <div class="name">credit-level-fill</div>
              <div class="code-name">.libra-credit-level-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-auto"></span>
              <div class="name">auto</div>
              <div class="code-name">.libra-auto</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-default-template-fill"></span>
              <div class="name">default-template-fill</div>
              <div class="code-name">.libra-default-template-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-all"></span>
              <div class="name">all</div>
              <div class="code-name">.libra-all</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-CurrencyConverter-fill"></span>
              <div class="name">Currency Converter-fill</div>
              <div class="code-name">.libra-CurrencyConverter-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-bussiness-man"></span>
              <div class="name">bussiness-man</div>
              <div class="code-name">.libra-bussiness-man</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Customermanagement-fill"></span>
              <div class="name">Customer management-fill</div>
              <div class="code-name">.libra-Customermanagement-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-component"></span>
              <div class="name">component</div>
              <div class="code-name">.libra-component</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-discounts-fill"></span>
              <div class="name">discounts-fill</div>
              <div class="code-name">.libra-discounts-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-code"></span>
              <div class="name">code</div>
              <div class="code-name">.libra-code</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Daytimemode-fill"></span>
              <div class="name">Daytime mode-fill</div>
              <div class="code-name">.libra-Daytimemode-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-copy"></span>
              <div class="name">copy</div>
              <div class="code-name">.libra-copy</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-exl-fill"></span>
              <div class="name">exl-fill</div>
              <div class="code-name">.libra-exl-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-dollar"></span>
              <div class="name">dollar</div>
              <div class="code-name">.libra-dollar</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-cry-fill"></span>
              <div class="name">cry-fill</div>
              <div class="code-name">.libra-cry-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-history"></span>
              <div class="name">history</div>
              <div class="code-name">.libra-history</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-email-fill"></span>
              <div class="name">email-fill</div>
              <div class="code-name">.libra-email-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-editor"></span>
              <div class="name">editor</div>
              <div class="code-name">.libra-editor</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-filter-fill"></span>
              <div class="name">filter-fill</div>
              <div class="code-name">.libra-filter-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-data"></span>
              <div class="name">data</div>
              <div class="code-name">.libra-data</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-folder-fill"></span>
              <div class="name">folder-fill</div>
              <div class="code-name">.libra-folder-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-gift"></span>
              <div class="name">gift</div>
              <div class="code-name">.libra-gift</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-feeds-fill"></span>
              <div class="name">feeds-fill</div>
              <div class="code-name">.libra-feeds-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-integral"></span>
              <div class="name">integral</div>
              <div class="code-name">.libra-integral</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-gold-supplie-fill"></span>
              <div class="name">gold-supplie-fill</div>
              <div class="code-name">.libra-gold-supplie-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-nav-list"></span>
              <div class="name">nav-list</div>
              <div class="code-name">.libra-nav-list</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-form-fill"></span>
              <div class="name">form-fill</div>
              <div class="code-name">.libra-form-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-pic"></span>
              <div class="name">pic</div>
              <div class="code-name">.libra-pic</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-camera-fill"></span>
              <div class="name">camera-fill</div>
              <div class="code-name">.libra-camera-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Notvisible"></span>
              <div class="name">Not visible</div>
              <div class="code-name">.libra-Notvisible</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-good-fill"></span>
              <div class="name">good-fill</div>
              <div class="code-name">.libra-good-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-play"></span>
              <div class="name">play</div>
              <div class="code-name">.libra-play</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-image-text-fill"></span>
              <div class="name">image-text-fill</div>
              <div class="code-name">.libra-image-text-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-rising"></span>
              <div class="name">rising</div>
              <div class="code-name">.libra-rising</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-inspection-fill"></span>
              <div class="name">inspection-fill</div>
              <div class="code-name">.libra-inspection-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-QRcode"></span>
              <div class="name">QRcode</div>
              <div class="code-name">.libra-QRcode</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-hot-fill"></span>
              <div class="name">hot-fill</div>
              <div class="code-name">.libra-hot-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-rmb"></span>
              <div class="name">rmb</div>
              <div class="code-name">.libra-rmb</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-company-fill"></span>
              <div class="name">company-fill</div>
              <div class="code-name">.libra-company-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-similar-product"></span>
              <div class="name">similar-product</div>
              <div class="code-name">.libra-similar-product</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-discount-fill"></span>
              <div class="name">discount-fill</div>
              <div class="code-name">.libra-discount-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Exportservices"></span>
              <div class="name">export services</div>
              <div class="code-name">.libra-Exportservices</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-insurance-fill"></span>
              <div class="name">insurance-fill</div>
              <div class="code-name">.libra-insurance-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-sendinquiry"></span>
              <div class="name">send inquiry</div>
              <div class="code-name">.libra-sendinquiry</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-inquiry-template-fill"></span>
              <div class="name">inquiry-template-fill</div>
              <div class="code-name">.libra-inquiry-template-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-all-fill"></span>
              <div class="name">all-fill</div>
              <div class="code-name">.libra-all-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-leftbutton-fill"></span>
              <div class="name">left button-fill</div>
              <div class="code-name">.libra-leftbutton-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-favorites-fill"></span>
              <div class="name">favorites-fill</div>
              <div class="code-name">.libra-favorites-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-integral-fill1"></span>
              <div class="name">integral-fill</div>
              <div class="code-name">.libra-integral-fill1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-integral-fill"></span>
              <div class="name">integral-fill</div>
              <div class="code-name">.libra-integral-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-help1"></span>
              <div class="name">help</div>
              <div class="code-name">.libra-help1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-namecard-fill"></span>
              <div class="name">namecard-fill</div>
              <div class="code-name">.libra-namecard-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-listing-content-fill"></span>
              <div class="name">listing-content-fill</div>
              <div class="code-name">.libra-listing-content-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-pic-fill"></span>
              <div class="name">pic-fill</div>
              <div class="code-name">.libra-pic-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-logistic-logo-fill"></span>
              <div class="name">logistic-logo-fill</div>
              <div class="code-name">.libra-logistic-logo-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-play-fill"></span>
              <div class="name">play-fill</div>
              <div class="code-name">.libra-play-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Moneymanagement-fill"></span>
              <div class="name">Money management-fill</div>
              <div class="code-name">.libra-Moneymanagement-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-prompt-fill"></span>
              <div class="name">prompt-fill</div>
              <div class="code-name">.libra-prompt-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-manage-order-fill"></span>
              <div class="name">manage-order-fill</div>
              <div class="code-name">.libra-manage-order-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-stop-fill"></span>
              <div class="name">stop-fill</div>
              <div class="code-name">.libra-stop-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-multi-language-fill"></span>
              <div class="name">multi-language-fill</div>
              <div class="code-name">.libra-multi-language-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-column"></span>
              <div class="name">3column</div>
              <div class="code-name">.libra-column</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-logistics-icon-fill"></span>
              <div class="name">logistics-icon-fill</div>
              <div class="code-name">.libra-logistics-icon-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-add-account"></span>
              <div class="name">add-account</div>
              <div class="code-name">.libra-add-account</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Newuserzone-fill"></span>
              <div class="name">New user zone-fill</div>
              <div class="code-name">.libra-Newuserzone-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-column1"></span>
              <div class="name">4column</div>
              <div class="code-name">.libra-column1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-nightmode-fill"></span>
              <div class="name">night mode-fill</div>
              <div class="code-name">.libra-nightmode-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-add"></span>
              <div class="name">add</div>
              <div class="code-name">.libra-add</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-office-supplies-fill"></span>
              <div class="name">office-supplies-fill</div>
              <div class="code-name">.libra-office-supplies-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-agriculture"></span>
              <div class="name">agriculture</div>
              <div class="code-name">.libra-agriculture</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-notice-fill"></span>
              <div class="name">notice-fill</div>
              <div class="code-name">.libra-notice-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-years"></span>
              <div class="name">2years</div>
              <div class="code-name">.libra-years</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-mute"></span>
              <div class="name">mute</div>
              <div class="code-name">.libra-mute</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-add-cart"></span>
              <div class="name">add-cart</div>
              <div class="code-name">.libra-add-cart</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-order-fill"></span>
              <div class="name">order-fill</div>
              <div class="code-name">.libra-order-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-arrow-right"></span>
              <div class="name">arrow-right</div>
              <div class="code-name">.libra-arrow-right</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-password1"></span>
              <div class="name">password</div>
              <div class="code-name">.libra-password1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-arrow-left"></span>
              <div class="name">arrow-left</div>
              <div class="code-name">.libra-arrow-left</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-map1"></span>
              <div class="name">map</div>
              <div class="code-name">.libra-map1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-apparel"></span>
              <div class="name">apparel</div>
              <div class="code-name">.libra-apparel</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-paylater-fill"></span>
              <div class="name">paylater-fill</div>
              <div class="code-name">.libra-paylater-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-all1"></span>
              <div class="name">all</div>
              <div class="code-name">.libra-all1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-phone-fill"></span>
              <div class="name">phone-fill</div>
              <div class="code-name">.libra-phone-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-arrow-up"></span>
              <div class="name">arrow-up</div>
              <div class="code-name">.libra-arrow-up</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-online-tracking-fill"></span>
              <div class="name">online-tracking-fill</div>
              <div class="code-name">.libra-online-tracking-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-ascending"></span>
              <div class="name">ascending</div>
              <div class="code-name">.libra-ascending</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-play-fill1"></span>
              <div class="name">play-fill</div>
              <div class="code-name">.libra-play-fill1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-ashbin"></span>
              <div class="name">ashbin</div>
              <div class="code-name">.libra-ashbin</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-pdf-fill"></span>
              <div class="name">pdf-fill</div>
              <div class="code-name">.libra-pdf-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-atm"></span>
              <div class="name">atm</div>
              <div class="code-name">.libra-atm</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-phone1"></span>
              <div class="name">phone</div>
              <div class="code-name">.libra-phone1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-bad"></span>
              <div class="name">bad</div>
              <div class="code-name">.libra-bad</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-pin-fill"></span>
              <div class="name">pin-fill</div>
              <div class="code-name">.libra-pin-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-attachent"></span>
              <div class="name">attachent</div>
              <div class="code-name">.libra-attachent</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-product-fill"></span>
              <div class="name">product-fill</div>
              <div class="code-name">.libra-product-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-browse"></span>
              <div class="name">browse</div>
              <div class="code-name">.libra-browse</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-rankinglist-fill"></span>
              <div class="name">ranking list-fill</div>
              <div class="code-name">.libra-rankinglist-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-beauty"></span>
              <div class="name">beauty</div>
              <div class="code-name">.libra-beauty</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-reduce-fill"></span>
              <div class="name">reduce-fill</div>
              <div class="code-name">.libra-reduce-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-atm-away"></span>
              <div class="name">atm-away</div>
              <div class="code-name">.libra-atm-away</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-reeor-fill"></span>
              <div class="name">reeor-fill</div>
              <div class="code-name">.libra-reeor-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-assessed-badge"></span>
              <div class="name">assessed-badge</div>
              <div class="code-name">.libra-assessed-badge</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-pic-fill1"></span>
              <div class="name">pic-fill</div>
              <div class="code-name">.libra-pic-fill1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-auto1"></span>
              <div class="name">auto</div>
              <div class="code-name">.libra-auto1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-rankinglist"></span>
              <div class="name">ranking list</div>
              <div class="code-name">.libra-rankinglist</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-bags"></span>
              <div class="name">bags</div>
              <div class="code-name">.libra-bags</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-product1"></span>
              <div class="name">product</div>
              <div class="code-name">.libra-product1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-calendar"></span>
              <div class="name">calendar</div>
              <div class="code-name">.libra-calendar</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-prompt-fill1"></span>
              <div class="name">prompt-fill</div>
              <div class="code-name">.libra-prompt-fill1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-cart-full"></span>
              <div class="name">cart- full</div>
              <div class="code-name">.libra-cart-full</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-resonserate-fill"></span>
              <div class="name">resonse rate-fill</div>
              <div class="code-name">.libra-resonserate-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-calculator"></span>
              <div class="name">calculator</div>
              <div class="code-name">.libra-calculator</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-remind-fill"></span>
              <div class="name">remind-fill</div>
              <div class="code-name">.libra-remind-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-cameraswitching"></span>
              <div class="name">camera switching</div>
              <div class="code-name">.libra-cameraswitching</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Rightbutton-fill"></span>
              <div class="name">Right button-fill</div>
              <div class="code-name">.libra-Rightbutton-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-cecurity-protection"></span>
              <div class="name">cecurity-protection</div>
              <div class="code-name">.libra-cecurity-protection</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-RFQ-logo-fill"></span>
              <div class="name">RFQ-logo-fill</div>
              <div class="code-name">.libra-RFQ-logo-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-category"></span>
              <div class="name">category</div>
              <div class="code-name">.libra-category</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-RFQ-word-fill"></span>
              <div class="name">RFQ-word-fill</div>
              <div class="code-name">.libra-RFQ-word-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-close"></span>
              <div class="name">close</div>
              <div class="code-name">.libra-close</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-searchcart-fill"></span>
              <div class="name">search cart-fill</div>
              <div class="code-name">.libra-searchcart-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-certified-supplier"></span>
              <div class="name">certified-supplier</div>
              <div class="code-name">.libra-certified-supplier</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-salescenter-fill"></span>
              <div class="name">sales center-fill</div>
              <div class="code-name">.libra-salescenter-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-cart-Empty"></span>
              <div class="name">cart-Empty</div>
              <div class="code-name">.libra-cart-Empty</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-save-fill"></span>
              <div class="name">save-fill</div>
              <div class="code-name">.libra-save-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-code1"></span>
              <div class="name">code</div>
              <div class="code-name">.libra-code1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-security-fill"></span>
              <div class="name">security-fill</div>
              <div class="code-name">.libra-security-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-color"></span>
              <div class="name">color</div>
              <div class="code-name">.libra-color</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Similarproducts-fill"></span>
              <div class="name">category products-fill</div>
              <div class="code-name">.libra-Similarproducts-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-conditions"></span>
              <div class="name">conditions</div>
              <div class="code-name">.libra-conditions</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-signboard-fill"></span>
              <div class="name">signboard-fill</div>
              <div class="code-name">.libra-signboard-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-confirm"></span>
              <div class="name">confirm</div>
              <div class="code-name">.libra-confirm</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-service-fill"></span>
              <div class="name">service-fill</div>
              <div class="code-name">.libra-service-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-company"></span>
              <div class="name">company</div>
              <div class="code-name">.libra-company</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-shuffling-banner-fill"></span>
              <div class="name">shuffling-banner-fill</div>
              <div class="code-name">.libra-shuffling-banner-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-ali-clould"></span>
              <div class="name">ali-clould</div>
              <div class="code-name">.libra-ali-clould</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-supplier-features-fill"></span>
              <div class="name">supplier-features-fill</div>
              <div class="code-name">.libra-supplier-features-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-copy1"></span>
              <div class="name">copy</div>
              <div class="code-name">.libra-copy1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-store-fill"></span>
              <div class="name">store-fill</div>
              <div class="code-name">.libra-store-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-credit-level"></span>
              <div class="name">credit-level</div>
              <div class="code-name">.libra-credit-level</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-smile-fill"></span>
              <div class="name">smile-fill</div>
              <div class="code-name">.libra-smile-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-coupons"></span>
              <div class="name">coupons</div>
              <div class="code-name">.libra-coupons</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-success-fill"></span>
              <div class="name">success-fill</div>
              <div class="code-name">.libra-success-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-connections"></span>
              <div class="name">connections</div>
              <div class="code-name">.libra-connections</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-sound-filling-fill"></span>
              <div class="name">sound-filling-fill</div>
              <div class="code-name">.libra-sound-filling-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-cry"></span>
              <div class="name">cry</div>
              <div class="code-name">.libra-cry</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-sound-Mute1"></span>
              <div class="name">sound-Mute</div>
              <div class="code-name">.libra-sound-Mute1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-costoms-alearance"></span>
              <div class="name">costoms-alearance</div>
              <div class="code-name">.libra-costoms-alearance</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-suspended-fill"></span>
              <div class="name">suspended-fill</div>
              <div class="code-name">.libra-suspended-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-clock"></span>
              <div class="name">clock</div>
              <div class="code-name">.libra-clock</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-tool-fill"></span>
              <div class="name">tool-fill</div>
              <div class="code-name">.libra-tool-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-CurrencyConverter"></span>
              <div class="name">Currency Converter</div>
              <div class="code-name">.libra-CurrencyConverter</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-task-management-fill"></span>
              <div class="name">task-management-fill</div>
              <div class="code-name">.libra-task-management-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-cut"></span>
              <div class="name">cut</div>
              <div class="code-name">.libra-cut</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-unlock-fill"></span>
              <div class="name">unlock-fill</div>
              <div class="code-name">.libra-unlock-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-data1"></span>
              <div class="name">data</div>
              <div class="code-name">.libra-data1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-trust-fill"></span>
              <div class="name">trust-fill</div>
              <div class="code-name">.libra-trust-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Customermanagement"></span>
              <div class="name">Customer management</div>
              <div class="code-name">.libra-Customermanagement</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-vip-fill"></span>
              <div class="name">vip-fill</div>
              <div class="code-name">.libra-vip-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-descending"></span>
              <div class="name">descending</div>
              <div class="code-name">.libra-descending</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-set1"></span>
              <div class="name">set</div>
              <div class="code-name">.libra-set1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-double-arro-right"></span>
              <div class="name">double-arro- right</div>
              <div class="code-name">.libra-double-arro-right</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Top-fill"></span>
              <div class="name">top-fill</div>
              <div class="code-name">.libra-Top-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-customization"></span>
              <div class="name">customization</div>
              <div class="code-name">.libra-customization</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-viewlarger1"></span>
              <div class="name">view larger</div>
              <div class="code-name">.libra-viewlarger1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-double-arrow-left"></span>
              <div class="name">double-arrow-left</div>
              <div class="code-name">.libra-double-arrow-left</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-voice-fill"></span>
              <div class="name">voice-fill</div>
              <div class="code-name">.libra-voice-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-discount"></span>
              <div class="name">discount</div>
              <div class="code-name">.libra-discount</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-warning-fill"></span>
              <div class="name">warning-fill</div>
              <div class="code-name">.libra-warning-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-download"></span>
              <div class="name">download</div>
              <div class="code-name">.libra-download</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-warehouse-fill"></span>
              <div class="name">warehouse-fill</div>
              <div class="code-name">.libra-warehouse-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-dollar1"></span>
              <div class="name">dollar</div>
              <div class="code-name">.libra-dollar1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-zip-fill"></span>
              <div class="name">zip-fill</div>
              <div class="code-name">.libra-zip-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-default-template"></span>
              <div class="name">default-template</div>
              <div class="code-name">.libra-default-template</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-trade-assurance-fill"></span>
              <div class="name">trade-assurance-fill</div>
              <div class="code-name">.libra-trade-assurance-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-editor1"></span>
              <div class="name">editor</div>
              <div class="code-name">.libra-editor1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-vs-fill"></span>
              <div class="name">vs-fill</div>
              <div class="code-name">.libra-vs-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-eletrical"></span>
              <div class="name">eletrical</div>
              <div class="code-name">.libra-eletrical</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-video1"></span>
              <div class="name">video</div>
              <div class="code-name">.libra-video1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-electronics"></span>
              <div class="name">electronics</div>
              <div class="code-name">.libra-electronics</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-template-fill"></span>
              <div class="name">template-fill</div>
              <div class="code-name">.libra-template-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-etrical-equipm"></span>
              <div class="name">etrical-equipm</div>
              <div class="code-name">.libra-etrical-equipm</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-wallet1"></span>
              <div class="name">wallet</div>
              <div class="code-name">.libra-wallet1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-ellipsis"></span>
              <div class="name">ellipsis</div>
              <div class="code-name">.libra-ellipsis</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-training1"></span>
              <div class="name">training</div>
              <div class="code-name">.libra-training1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-email"></span>
              <div class="name">email</div>
              <div class="code-name">.libra-email</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-packing-labeling-fill"></span>
              <div class="name">packing-labeling-fill</div>
              <div class="code-name">.libra-packing-labeling-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-falling"></span>
              <div class="name">falling</div>
              <div class="code-name">.libra-falling</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Exportservices-fill"></span>
              <div class="name">export services-fill</div>
              <div class="code-name">.libra-Exportservices-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-earth"></span>
              <div class="name">earth</div>
              <div class="code-name">.libra-earth</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-brand-fill"></span>
              <div class="name">brand-fill</div>
              <div class="code-name">.libra-brand-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-filter"></span>
              <div class="name">filter</div>
              <div class="code-name">.libra-filter</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-collection"></span>
              <div class="name">collection</div>
              <div class="code-name">.libra-collection</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-furniture"></span>
              <div class="name">furniture</div>
              <div class="code-name">.libra-furniture</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-consumption-fill"></span>
              <div class="name">consumption-fill</div>
              <div class="code-name">.libra-consumption-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-folder"></span>
              <div class="name">folder</div>
              <div class="code-name">.libra-folder</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-collection-fill"></span>
              <div class="name">collection-fill</div>
              <div class="code-name">.libra-collection-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-feeds"></span>
              <div class="name">feeds</div>
              <div class="code-name">.libra-feeds</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-brand"></span>
              <div class="name">brand</div>
              <div class="code-name">.libra-brand</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-history1"></span>
              <div class="name">history</div>
              <div class="code-name">.libra-history1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-rejected-order-fill"></span>
              <div class="name">rejected-order-fill</div>
              <div class="code-name">.libra-rejected-order-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-hardware"></span>
              <div class="name">hardware</div>
              <div class="code-name">.libra-hardware</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-homepage-ads-fill"></span>
              <div class="name">homepage-ads-fill</div>
              <div class="code-name">.libra-homepage-ads-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-help"></span>
              <div class="name">help</div>
              <div class="code-name">.libra-help</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-homepage-ads"></span>
              <div class="name">homepage-ads</div>
              <div class="code-name">.libra-homepage-ads</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-good"></span>
              <div class="name">good</div>
              <div class="code-name">.libra-good</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-scenes-fill"></span>
              <div class="name">scenes-fill</div>
              <div class="code-name">.libra-scenes-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Householdappliances"></span>
              <div class="name">Household appliances</div>
              <div class="code-name">.libra-Householdappliances</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-scenes"></span>
              <div class="name">scenes</div>
              <div class="code-name">.libra-scenes</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-gift1"></span>
              <div class="name">gift</div>
              <div class="code-name">.libra-gift1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-similar-product-fill"></span>
              <div class="name">similar-product-fill</div>
              <div class="code-name">.libra-similar-product-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-form"></span>
              <div class="name">form</div>
              <div class="code-name">.libra-form</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-topraning-fill"></span>
              <div class="name">topraning-fill</div>
              <div class="code-name">.libra-topraning-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-image-text"></span>
              <div class="name">image-text</div>
              <div class="code-name">.libra-image-text</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-consumption"></span>
              <div class="name">consumption</div>
              <div class="code-name">.libra-consumption</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-hot"></span>
              <div class="name">hot</div>
              <div class="code-name">.libra-hot</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-topraning"></span>
              <div class="name">topraning</div>
              <div class="code-name">.libra-topraning</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-inspection"></span>
              <div class="name">inspection</div>
              <div class="code-name">.libra-inspection</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-gold-supplier"></span>
              <div class="name">gold-supplier</div>
              <div class="code-name">.libra-gold-supplier</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-leftbutton"></span>
              <div class="name">left button</div>
              <div class="code-name">.libra-leftbutton</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-messagecenter-fill"></span>
              <div class="name">message center-fill</div>
              <div class="code-name">.libra-messagecenter-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-jewelry"></span>
              <div class="name">jewelry</div>
              <div class="code-name">.libra-jewelry</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-quick"></span>
              <div class="name">quick</div>
              <div class="code-name">.libra-quick</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-ipad"></span>
              <div class="name">ipad</div>
              <div class="code-name">.libra-ipad</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-writing"></span>
              <div class="name">writing</div>
              <div class="code-name">.libra-writing</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-leftarrow"></span>
              <div class="name">left arrow</div>
              <div class="code-name">.libra-leftarrow</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-docjpge-fill"></span>
              <div class="name">doc-fill</div>
              <div class="code-name">.libra-docjpge-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-integral1"></span>
              <div class="name">integral</div>
              <div class="code-name">.libra-integral1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-jpge-fill"></span>
              <div class="name">jpge-fill</div>
              <div class="code-name">.libra-jpge-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-kitchen"></span>
              <div class="name">kitchen</div>
              <div class="code-name">.libra-kitchen</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-gifjpge-fill"></span>
              <div class="name">gif-fill</div>
              <div class="code-name">.libra-gifjpge-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-inquiry-template"></span>
              <div class="name">inquiry-template</div>
              <div class="code-name">.libra-inquiry-template</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-bmpjpge-fill"></span>
              <div class="name">bmp-fill</div>
              <div class="code-name">.libra-bmpjpge-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-link"></span>
              <div class="name">link</div>
              <div class="code-name">.libra-link</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-tifjpge-fill"></span>
              <div class="name">tif-fill</div>
              <div class="code-name">.libra-tifjpge-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-libra"></span>
              <div class="name">libra</div>
              <div class="code-name">.libra-libra</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-pngjpge-fill"></span>
              <div class="name">png-fill</div>
              <div class="code-name">.libra-pngjpge-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-loading"></span>
              <div class="name">loading</div>
              <div class="code-name">.libra-loading</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Hometextile"></span>
              <div class="name">home</div>
              <div class="code-name">.libra-Hometextile</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-listing-content"></span>
              <div class="name">listing-content</div>
              <div class="code-name">.libra-listing-content</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-home"></span>
              <div class="name">home</div>
              <div class="code-name">.libra-home</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-lights"></span>
              <div class="name">lights</div>
              <div class="code-name">.libra-lights</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-sendinquiry-fill"></span>
              <div class="name">send inquiry-fill</div>
              <div class="code-name">.libra-sendinquiry-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-logistics-icon"></span>
              <div class="name">logistics-icon</div>
              <div class="code-name">.libra-logistics-icon</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-comments-fill"></span>
              <div class="name">comments-fill</div>
              <div class="code-name">.libra-comments-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-messagecenter"></span>
              <div class="name">message center</div>
              <div class="code-name">.libra-messagecenter</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-account-fill"></span>
              <div class="name">account-fill</div>
              <div class="code-name">.libra-account-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-mobile-phone"></span>
              <div class="name">mobile-phone</div>
              <div class="code-name">.libra-mobile-phone</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-feed-logo-fill"></span>
              <div class="name">feed-logo-fill</div>
              <div class="code-name">.libra-feed-logo-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-manage-order"></span>
              <div class="name">manage-order</div>
              <div class="code-name">.libra-manage-order</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-feed-logo"></span>
              <div class="name">feed-logo</div>
              <div class="code-name">.libra-feed-logo</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-move"></span>
              <div class="name">move</div>
              <div class="code-name">.libra-move</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-home-fill"></span>
              <div class="name">home-fill</div>
              <div class="code-name">.libra-home-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Moneymanagement"></span>
              <div class="name">Money management</div>
              <div class="code-name">.libra-Moneymanagement</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-add-select"></span>
              <div class="name">add-select</div>
              <div class="code-name">.libra-add-select</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-namecard"></span>
              <div class="name">namecard</div>
              <div class="code-name">.libra-namecard</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-sami-select"></span>
              <div class="name">sami-select</div>
              <div class="code-name">.libra-sami-select</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-map"></span>
              <div class="name">map</div>
              <div class="code-name">.libra-map</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-camera"></span>
              <div class="name">camera</div>
              <div class="code-name">.libra-camera</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Newuserzone"></span>
              <div class="name">New user zone</div>
              <div class="code-name">.libra-Newuserzone</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-arrow-down"></span>
              <div class="name">arrow-down</div>
              <div class="code-name">.libra-arrow-down</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-multi-language"></span>
              <div class="name">multi-language</div>
              <div class="code-name">.libra-multi-language</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-account"></span>
              <div class="name">account</div>
              <div class="code-name">.libra-account</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-office"></span>
              <div class="name">office</div>
              <div class="code-name">.libra-office</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-comments"></span>
              <div class="name">comments</div>
              <div class="code-name">.libra-comments</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-notice"></span>
              <div class="name">notice</div>
              <div class="code-name">.libra-notice</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-cart-Empty1"></span>
              <div class="name">cart-Empty</div>
              <div class="code-name">.libra-cart-Empty1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-ontimeshipment"></span>
              <div class="name">on time shipment</div>
              <div class="code-name">.libra-ontimeshipment</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-favorites"></span>
              <div class="name">favorites</div>
              <div class="code-name">.libra-favorites</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-office-supplies"></span>
              <div class="name">office-supplies</div>
              <div class="code-name">.libra-office-supplies</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-order"></span>
              <div class="name">order</div>
              <div class="code-name">.libra-order</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-password"></span>
              <div class="name">password</div>
              <div class="code-name">.libra-password</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-search"></span>
              <div class="name">search</div>
              <div class="code-name">.libra-search</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Notvisible1"></span>
              <div class="name">Not visible</div>
              <div class="code-name">.libra-Notvisible1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-trade-assurance"></span>
              <div class="name">trade-assurance</div>
              <div class="code-name">.libra-trade-assurance</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-operation"></span>
              <div class="name">operation</div>
              <div class="code-name">.libra-operation</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-usercenter1"></span>
              <div class="name">user center</div>
              <div class="code-name">.libra-usercenter1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-packaging"></span>
              <div class="name">packaging</div>
              <div class="code-name">.libra-packaging</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-tradingdata"></span>
              <div class="name">trading data</div>
              <div class="code-name">.libra-tradingdata</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-online-tracking"></span>
              <div class="name">online-tracking</div>
              <div class="code-name">.libra-online-tracking</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-microphone"></span>
              <div class="name">microphone</div>
              <div class="code-name">.libra-microphone</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-packing-labeling"></span>
              <div class="name">packing-labeling</div>
              <div class="code-name">.libra-packing-labeling</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-txt"></span>
              <div class="name">txt</div>
              <div class="code-name">.libra-txt</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-phone"></span>
              <div class="name">phone</div>
              <div class="code-name">.libra-phone</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-xlsx"></span>
              <div class="name">xlsx</div>
              <div class="code-name">.libra-xlsx</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-pic1"></span>
              <div class="name">pic</div>
              <div class="code-name">.libra-pic1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-banzhengfuwu"></span>
              <div class="name">办证服务</div>
              <div class="code-name">.libra-banzhengfuwu</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-pin"></span>
              <div class="name">pin</div>
              <div class="code-name">.libra-pin</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-cangku"></span>
              <div class="name">仓库</div>
              <div class="code-name">.libra-cangku</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-play1"></span>
              <div class="name">play</div>
              <div class="code-name">.libra-play1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-daibancaishui"></span>
              <div class="name">代办财税</div>
              <div class="code-name">.libra-daibancaishui</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-logistic-logo"></span>
              <div class="name">logistic-logo</div>
              <div class="code-name">.libra-logistic-logo</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-jizhuangxiang"></span>
              <div class="name">集装箱</div>
              <div class="code-name">.libra-jizhuangxiang</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-print"></span>
              <div class="name">print</div>
              <div class="code-name">.libra-print</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-jiaobiao"></span>
              <div class="name">角标</div>
              <div class="code-name">.libra-jiaobiao</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-product"></span>
              <div class="name">product</div>
              <div class="code-name">.libra-product</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-kehupandian"></span>
              <div class="name">客户盘点</div>
              <div class="code-name">.libra-kehupandian</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-machinery"></span>
              <div class="name">machinery</div>
              <div class="code-name">.libra-machinery</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-dongtai"></span>
              <div class="name">动态</div>
              <div class="code-name">.libra-dongtai</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-process"></span>
              <div class="name">process</div>
              <div class="code-name">.libra-process</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-daikuan"></span>
              <div class="name">贷款</div>
              <div class="code-name">.libra-daikuan</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-prompt"></span>
              <div class="name">prompt</div>
              <div class="code-name">.libra-prompt</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-shengyijing"></span>
              <div class="name">生意经</div>
              <div class="code-name">.libra-shengyijing</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-QRcode1"></span>
              <div class="name">QRcode</div>
              <div class="code-name">.libra-QRcode1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-jiehui"></span>
              <div class="name">结汇</div>
              <div class="code-name">.libra-jiehui</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-reeor"></span>
              <div class="name">reeor</div>
              <div class="code-name">.libra-reeor</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-fencengpeizhi"></span>
              <div class="name">分层配置</div>
              <div class="code-name">.libra-fencengpeizhi</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-reduce"></span>
              <div class="name">reduce</div>
              <div class="code-name">.libra-reduce</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-shenqingjilu"></span>
              <div class="name">申请记录</div>
              <div class="code-name">.libra-shenqingjilu</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Non-staplefood"></span>
              <div class="name">Non-staple food</div>
              <div class="code-name">.libra-Non-staplefood</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-shangchuanbeiandanzheng"></span>
              <div class="name">上传备案单证</div>
              <div class="code-name">.libra-shangchuanbeiandanzheng</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-rejected-order"></span>
              <div class="name">rejected-order</div>
              <div class="code-name">.libra-rejected-order</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-shangchuan"></span>
              <div class="name">上传</div>
              <div class="code-name">.libra-shangchuan</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-resonserate"></span>
              <div class="name">resonse rate</div>
              <div class="code-name">.libra-resonserate</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-kehuquanyi"></span>
              <div class="name">客户权益</div>
              <div class="code-name">.libra-kehuquanyi</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-remind"></span>
              <div class="name">remind</div>
              <div class="code-name">.libra-remind</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-suoxiao"></span>
              <div class="name">缩小</div>
              <div class="code-name">.libra-suoxiao</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-responsetime"></span>
              <div class="name">response time</div>
              <div class="code-name">.libra-responsetime</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-quanyipeizhi"></span>
              <div class="name">权益配置</div>
              <div class="code-name">.libra-quanyipeizhi</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-return"></span>
              <div class="name">return</div>
              <div class="code-name">.libra-return</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-shuangshen"></span>
              <div class="name">双审</div>
              <div class="code-name">.libra-shuangshen</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-paylater"></span>
              <div class="name">paylater</div>
              <div class="code-name">.libra-paylater</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-tongguan"></span>
              <div class="name">通关</div>
              <div class="code-name">.libra-tongguan</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-rising1"></span>
              <div class="name">rising</div>
              <div class="code-name">.libra-rising1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-tuishui"></span>
              <div class="name">退税</div>
              <div class="code-name">.libra-tuishui</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Rightarrow"></span>
              <div class="name">Right arrow</div>
              <div class="code-name">.libra-Rightarrow</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-tongguanshuju"></span>
              <div class="name">通关数据</div>
              <div class="code-name">.libra-tongguanshuju</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-rmb1"></span>
              <div class="name">rmb</div>
              <div class="code-name">.libra-rmb1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-kuaidiwuliu"></span>
              <div class="name">快递物流</div>
              <div class="code-name">.libra-kuaidiwuliu</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-RFQ-logo"></span>
              <div class="name">RFQ-logo</div>
              <div class="code-name">.libra-RFQ-logo</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-wuliuchanpin"></span>
              <div class="name">物流产品</div>
              <div class="code-name">.libra-wuliuchanpin</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-save"></span>
              <div class="name">save</div>
              <div class="code-name">.libra-save</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-waihuishuju"></span>
              <div class="name">外汇数据</div>
              <div class="code-name">.libra-waihuishuju</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-scanning"></span>
              <div class="name">scanning</div>
              <div class="code-name">.libra-scanning</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-xinxibar_shouji"></span>
              <div class="name">信息bar_手机</div>
              <div class="code-name">.libra-xinxibar_shouji</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-security"></span>
              <div class="name">security</div>
              <div class="code-name">.libra-security</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-xinwaizongyewu"></span>
              <div class="name">新外综业务</div>
              <div class="code-name">.libra-xinwaizongyewu</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-salescenter"></span>
              <div class="name">sales center</div>
              <div class="code-name">.libra-salescenter</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-wuliudingdan"></span>
              <div class="name">物流订单</div>
              <div class="code-name">.libra-wuliudingdan</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-seleted"></span>
              <div class="name">seleted</div>
              <div class="code-name">.libra-seleted</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-zhongjianren"></span>
              <div class="name">中间人</div>
              <div class="code-name">.libra-zhongjianren</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-searchcart"></span>
              <div class="name">search cart</div>
              <div class="code-name">.libra-searchcart</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-xinxibar_zhanghu"></span>
              <div class="name">信息bar_账户</div>
              <div class="code-name">.libra-xinxibar_zhanghu</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-raw"></span>
              <div class="name">raw</div>
              <div class="code-name">.libra-raw</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-yidatong"></span>
              <div class="name">一达通</div>
              <div class="code-name">.libra-yidatong</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-service"></span>
              <div class="name">service</div>
              <div class="code-name">.libra-service</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-zhuanyequanwei"></span>
              <div class="name">专业权威</div>
              <div class="code-name">.libra-zhuanyequanwei</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-share"></span>
              <div class="name">share</div>
              <div class="code-name">.libra-share</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-zhanghucaozuo"></span>
              <div class="name">账户操作</div>
              <div class="code-name">.libra-zhanghucaozuo</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-signboard"></span>
              <div class="name">signboard</div>
              <div class="code-name">.libra-signboard</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-xuanzhuandu"></span>
              <div class="name">旋转90度</div>
              <div class="code-name">.libra-xuanzhuandu</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-shuffling-banner"></span>
              <div class="name">shuffling-banner</div>
              <div class="code-name">.libra-shuffling-banner</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-tuishuirongzi"></span>
              <div class="name">退税融资</div>
              <div class="code-name">.libra-tuishuirongzi</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Rightbutton"></span>
              <div class="name">Right button</div>
              <div class="code-name">.libra-Rightbutton</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-AddProducts"></span>
              <div class="name">Add Products</div>
              <div class="code-name">.libra-AddProducts</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-sorting"></span>
              <div class="name">sorting</div>
              <div class="code-name">.libra-sorting</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-ziyingyewu"></span>
              <div class="name">自营业务</div>
              <div class="code-name">.libra-ziyingyewu</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-sound-Mute"></span>
              <div class="name">sound-Mute</div>
              <div class="code-name">.libra-sound-Mute</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-addcell"></span>
              <div class="name">addcell</div>
              <div class="code-name">.libra-addcell</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Similarproducts"></span>
              <div class="name">category products</div>
              <div class="code-name">.libra-Similarproducts</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-background-color"></span>
              <div class="name">background-color</div>
              <div class="code-name">.libra-background-color</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-sound-filling"></span>
              <div class="name">sound-filling</div>
              <div class="code-name">.libra-sound-filling</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-cascades"></span>
              <div class="name">cascades</div>
              <div class="code-name">.libra-cascades</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-suggest"></span>
              <div class="name">suggest</div>
              <div class="code-name">.libra-suggest</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-beijing"></span>
              <div class="name">beijing</div>
              <div class="code-name">.libra-beijing</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-stop"></span>
              <div class="name">stop</div>
              <div class="code-name">.libra-stop</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-bold"></span>
              <div class="name">bold</div>
              <div class="code-name">.libra-bold</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-success"></span>
              <div class="name">success</div>
              <div class="code-name">.libra-success</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-zijin"></span>
              <div class="name">资金</div>
              <div class="code-name">.libra-zijin</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-supplier-features"></span>
              <div class="name">supplier-features</div>
              <div class="code-name">.libra-supplier-features</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-eraser"></span>
              <div class="name">eraser</div>
              <div class="code-name">.libra-eraser</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-switch"></span>
              <div class="name">switch</div>
              <div class="code-name">.libra-switch</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-centeralignment"></span>
              <div class="name">centeralignment</div>
              <div class="code-name">.libra-centeralignment</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-survey"></span>
              <div class="name">survey</div>
              <div class="code-name">.libra-survey</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-click"></span>
              <div class="name">click</div>
              <div class="code-name">.libra-click</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-template"></span>
              <div class="name">template</div>
              <div class="code-name">.libra-template</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-aspjiesuan"></span>
              <div class="name">asp结算</div>
              <div class="code-name">.libra-aspjiesuan</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-text"></span>
              <div class="name">text</div>
              <div class="code-name">.libra-text</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-flag"></span>
              <div class="name">flag</div>
              <div class="code-name">.libra-flag</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-suspended"></span>
              <div class="name">suspended</div>
              <div class="code-name">.libra-suspended</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-falg-fill"></span>
              <div class="name">falg-fill</div>
              <div class="code-name">.libra-falg-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-task-management"></span>
              <div class="name">task-management</div>
              <div class="code-name">.libra-task-management</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Fee"></span>
              <div class="name">Fee</div>
              <div class="code-name">.libra-Fee</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-tool"></span>
              <div class="name">tool</div>
              <div class="code-name">.libra-tool</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-filling"></span>
              <div class="name">filling</div>
              <div class="code-name">.libra-filling</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Top"></span>
              <div class="name">top</div>
              <div class="code-name">.libra-Top</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Foreigncurrency"></span>
              <div class="name">Foreign currency</div>
              <div class="code-name">.libra-Foreigncurrency</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-smile"></span>
              <div class="name">smile</div>
              <div class="code-name">.libra-smile</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-guanliyuan"></span>
              <div class="name">guanliyuan</div>
              <div class="code-name">.libra-guanliyuan</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-textile-products"></span>
              <div class="name">textile-products</div>
              <div class="code-name">.libra-textile-products</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-language"></span>
              <div class="name">language</div>
              <div class="code-name">.libra-language</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-tradealert"></span>
              <div class="name">trade alert</div>
              <div class="code-name">.libra-tradealert</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-leftalignment"></span>
              <div class="name">leftalignment</div>
              <div class="code-name">.libra-leftalignment</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-topsales"></span>
              <div class="name">top sales</div>
              <div class="code-name">.libra-topsales</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-extra-inquiries"></span>
              <div class="name">extra-inquiries</div>
              <div class="code-name">.libra-extra-inquiries</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-tradingvolume"></span>
              <div class="name">trading volume</div>
              <div class="code-name">.libra-tradingvolume</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Italic"></span>
              <div class="name">Italic</div>
              <div class="code-name">.libra-Italic</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-training"></span>
              <div class="name">training</div>
              <div class="code-name">.libra-training</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-pcm"></span>
              <div class="name">pcm</div>
              <div class="code-name">.libra-pcm</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-upload"></span>
              <div class="name">upload</div>
              <div class="code-name">.libra-upload</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-reducecell"></span>
              <div class="name">reducecell</div>
              <div class="code-name">.libra-reducecell</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-RFQ-word"></span>
              <div class="name">RFQ-word</div>
              <div class="code-name">.libra-RFQ-word</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-rightalignment"></span>
              <div class="name">rightalignment</div>
              <div class="code-name">.libra-rightalignment</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-viewlarger"></span>
              <div class="name">view larger</div>
              <div class="code-name">.libra-viewlarger</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-pointerleft"></span>
              <div class="name">pointerleft</div>
              <div class="code-name">.libra-pointerleft</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-viewgallery"></span>
              <div class="name">viewgallery</div>
              <div class="code-name">.libra-viewgallery</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-subscript"></span>
              <div class="name">subscript</div>
              <div class="code-name">.libra-subscript</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-vehivles"></span>
              <div class="name">vehivles</div>
              <div class="code-name">.libra-vehivles</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-square"></span>
              <div class="name">square</div>
              <div class="code-name">.libra-square</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-trust"></span>
              <div class="name">trust</div>
              <div class="code-name">.libra-trust</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-superscript"></span>
              <div class="name">superscript</div>
              <div class="code-name">.libra-superscript</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-warning"></span>
              <div class="name">warning</div>
              <div class="code-name">.libra-warning</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-tag-subscript"></span>
              <div class="name">tag-subscript</div>
              <div class="code-name">.libra-tag-subscript</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-warehouse"></span>
              <div class="name">warehouse</div>
              <div class="code-name">.libra-warehouse</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-danjuzhuanhuan"></span>
              <div class="name">单据转换</div>
              <div class="code-name">.libra-danjuzhuanhuan</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-shoes"></span>
              <div class="name">shoes</div>
              <div class="code-name">.libra-shoes</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Transfermoney"></span>
              <div class="name">Transfer money</div>
              <div class="code-name">.libra-Transfermoney</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-video"></span>
              <div class="name">video</div>
              <div class="code-name">.libra-video</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-under-line"></span>
              <div class="name">under-line</div>
              <div class="code-name">.libra-under-line</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-viewlist"></span>
              <div class="name">viewlist</div>
              <div class="code-name">.libra-viewlist</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-xiakuangxian"></span>
              <div class="name">xiakuangxian</div>
              <div class="code-name">.libra-xiakuangxian</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-set"></span>
              <div class="name">set</div>
              <div class="code-name">.libra-set</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-shouqi"></span>
              <div class="name">收起</div>
              <div class="code-name">.libra-shouqi</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-store"></span>
              <div class="name">store</div>
              <div class="code-name">.libra-store</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-zhankai"></span>
              <div class="name">展开</div>
              <div class="code-name">.libra-zhankai</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-tool-hardware"></span>
              <div class="name">tool-hardware</div>
              <div class="code-name">.libra-tool-hardware</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-tongxunlu"></span>
              <div class="name">通讯录</div>
              <div class="code-name">.libra-tongxunlu</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-vs"></span>
              <div class="name">vs</div>
              <div class="code-name">.libra-vs</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-yiguanzhugongyingshang"></span>
              <div class="name">已关注供应商</div>
              <div class="code-name">.libra-yiguanzhugongyingshang</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-toy"></span>
              <div class="name">toy</div>
              <div class="code-name">.libra-toy</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-goumaipianhao"></span>
              <div class="name">购买偏好</div>
              <div class="code-name">.libra-goumaipianhao</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-sport"></span>
              <div class="name">sport</div>
              <div class="code-name">.libra-sport</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Subscribe"></span>
              <div class="name">Subscribe</div>
              <div class="code-name">.libra-Subscribe</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-creditcard"></span>
              <div class="name">credit card</div>
              <div class="code-name">.libra-creditcard</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-becomeagoldsupplier"></span>
              <div class="name">become a gold supplier</div>
              <div class="code-name">.libra-becomeagoldsupplier</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-contacts"></span>
              <div class="name">contacts</div>
              <div class="code-name">.libra-contacts</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-new"></span>
              <div class="name">new</div>
              <div class="code-name">.libra-new</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-checkstand"></span>
              <div class="name">checkstand</div>
              <div class="code-name">.libra-checkstand</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-free"></span>
              <div class="name">free</div>
              <div class="code-name">.libra-free</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-aviation"></span>
              <div class="name">aviation</div>
              <div class="code-name">.libra-aviation</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-cad-fill"></span>
              <div class="name">cad-fill</div>
              <div class="code-name">.libra-cad-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-Daytimemode"></span>
              <div class="name">Daytime mode</div>
              <div class="code-name">.libra-Daytimemode</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-robot"></span>
              <div class="name">robot</div>
              <div class="code-name">.libra-robot</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-infantmom"></span>
              <div class="name">infant & mom</div>
              <div class="code-name">.libra-infantmom</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-inspection1"></span>
              <div class="name">inspection</div>
              <div class="code-name">.libra-inspection1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-discounts"></span>
              <div class="name">discounts</div>
              <div class="code-name">.libra-discounts</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-block"></span>
              <div class="name">block</div>
              <div class="code-name">.libra-block</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-invoice"></span>
              <div class="name">invoice</div>
              <div class="code-name">.libra-invoice</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-shouhuoicon"></span>
              <div class="name">收货icon</div>
              <div class="code-name">.libra-shouhuoicon</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-insurance"></span>
              <div class="name">insurance</div>
              <div class="code-name">.libra-insurance</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-nightmode"></span>
              <div class="name">night mode</div>
              <div class="code-name">.libra-nightmode</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-usercenter"></span>
              <div class="name">user center</div>
              <div class="code-name">.libra-usercenter</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-unlock"></span>
              <div class="name">unlock</div>
              <div class="code-name">.libra-unlock</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-vip"></span>
              <div class="name">vip</div>
              <div class="code-name">.libra-vip</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-wallet"></span>
              <div class="name">wallet</div>
              <div class="code-name">.libra-wallet</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-landtransportation"></span>
              <div class="name">land transportation</div>
              <div class="code-name">.libra-landtransportation</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-voice"></span>
              <div class="name">voice</div>
              <div class="code-name">.libra-voice</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-exchangerate"></span>
              <div class="name">exchange rate</div>
              <div class="code-name">.libra-exchangerate</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-contacts-fill"></span>
              <div class="name">contacts-fill</div>
              <div class="code-name">.libra-contacts-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-add-account1"></span>
              <div class="name">add-account</div>
              <div class="code-name">.libra-add-account1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-years-fill"></span>
              <div class="name">2years-fill</div>
              <div class="code-name">.libra-years-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-add-cart-fill"></span>
              <div class="name">add-cart-fill</div>
              <div class="code-name">.libra-add-cart-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-add-fill"></span>
              <div class="name">add-fill</div>
              <div class="code-name">.libra-add-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-all-fill1"></span>
              <div class="name">all-fill</div>
              <div class="code-name">.libra-all-fill1</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-ashbin-fill"></span>
              <div class="name">ashbin-fill</div>
              <div class="code-name">.libra-ashbin-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-calendar-fill"></span>
              <div class="name">calendar-fill</div>
              <div class="code-name">.libra-calendar-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-bad-fill"></span>
              <div class="name">bad-fill</div>
              <div class="code-name">.libra-bad-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-bussiness-man-fill"></span>
              <div class="name">bussiness-man-fill</div>
              <div class="code-name">.libra-bussiness-man-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-atm-fill"></span>
              <div class="name">atm-fill</div>
              <div class="code-name">.libra-atm-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-cart-full-fill"></span>
              <div class="name">cart- full-fill</div>
              <div class="code-name">.libra-cart-full-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-cart-Empty-fill"></span>
              <div class="name">cart-Empty-fill</div>
              <div class="code-name">.libra-cart-Empty-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-cameraswitching-fill"></span>
              <div class="name">camera switching-fill</div>
              <div class="code-name">.libra-cameraswitching-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-atm-away-fill"></span>
              <div class="name">atm-away-fill</div>
              <div class="code-name">.libra-atm-away-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-certified-supplier-fill"></span>
              <div class="name">certified-supplier-fill</div>
              <div class="code-name">.libra-certified-supplier-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-calculator-fill"></span>
              <div class="name">calculator-fill</div>
              <div class="code-name">.libra-calculator-fill</div>
            </li>

            <li class="dib">
              <span class="icon libra-font libra-clock-fill"></span>
              <div class="name">clock-fill</div>
              <div class="code-name">.libra-clock-fill</div>
            </li>
          </ul>
          <div class="article markdown">
            <h2 id="font-class-">font-class 引用</h2>
            <hr />

            <p>
              font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode
              书写不直观，语意不明确的问题。
            </p>
            <p>与 Unicode 使用方式相比，具有如下特点：</p>
            <ul>
              <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
              <li>
                因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode
                引用。
              </li>
            </ul>
            <p>使用步骤如下：</p>
            <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
            <pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
            <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
            <pre><code class="language-html">&lt;span class="libra-font libra-xxx"&gt;&lt;/span&gt;
</code></pre>
            <blockquote>
              <p>
                " libra-font" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。
              </p>
            </blockquote>
          </div>
        </div>
        <div class="content symbol">
          <ul class="icon_lists dib-box">
            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-ali-clould-fill"></use>
              </svg>
              <div class="name">ali-clould-fill</div>
              <div class="code-name">#libra-ali-clould-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-color-fill"></use>
              </svg>
              <div class="name">color-fill</div>
              <div class="code-name">#libra-color-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-coupons-fill"></use>
              </svg>
              <div class="name">coupons-fill</div>
              <div class="code-name">#libra-coupons-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-cecurity-protection-fill"></use>
              </svg>
              <div class="name">cecurity-protection-fill</div>
              <div class="code-name">#libra-cecurity-protection-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-credit-level-fill"></use>
              </svg>
              <div class="name">credit-level-fill</div>
              <div class="code-name">#libra-credit-level-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-auto"></use>
              </svg>
              <div class="name">auto</div>
              <div class="code-name">#libra-auto</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-default-template-fill"></use>
              </svg>
              <div class="name">default-template-fill</div>
              <div class="code-name">#libra-default-template-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-all"></use>
              </svg>
              <div class="name">all</div>
              <div class="code-name">#libra-all</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-CurrencyConverter-fill"></use>
              </svg>
              <div class="name">Currency Converter-fill</div>
              <div class="code-name">#libra-CurrencyConverter-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-bussiness-man"></use>
              </svg>
              <div class="name">bussiness-man</div>
              <div class="code-name">#libra-bussiness-man</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Customermanagement-fill"></use>
              </svg>
              <div class="name">Customer management-fill</div>
              <div class="code-name">#libra-Customermanagement-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-component"></use>
              </svg>
              <div class="name">component</div>
              <div class="code-name">#libra-component</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-discounts-fill"></use>
              </svg>
              <div class="name">discounts-fill</div>
              <div class="code-name">#libra-discounts-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-code"></use>
              </svg>
              <div class="name">code</div>
              <div class="code-name">#libra-code</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Daytimemode-fill"></use>
              </svg>
              <div class="name">Daytime mode-fill</div>
              <div class="code-name">#libra-Daytimemode-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-copy"></use>
              </svg>
              <div class="name">copy</div>
              <div class="code-name">#libra-copy</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-exl-fill"></use>
              </svg>
              <div class="name">exl-fill</div>
              <div class="code-name">#libra-exl-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-dollar"></use>
              </svg>
              <div class="name">dollar</div>
              <div class="code-name">#libra-dollar</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-cry-fill"></use>
              </svg>
              <div class="name">cry-fill</div>
              <div class="code-name">#libra-cry-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-history"></use>
              </svg>
              <div class="name">history</div>
              <div class="code-name">#libra-history</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-email-fill"></use>
              </svg>
              <div class="name">email-fill</div>
              <div class="code-name">#libra-email-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-editor"></use>
              </svg>
              <div class="name">editor</div>
              <div class="code-name">#libra-editor</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-filter-fill"></use>
              </svg>
              <div class="name">filter-fill</div>
              <div class="code-name">#libra-filter-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-data"></use>
              </svg>
              <div class="name">data</div>
              <div class="code-name">#libra-data</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-folder-fill"></use>
              </svg>
              <div class="name">folder-fill</div>
              <div class="code-name">#libra-folder-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-gift"></use>
              </svg>
              <div class="name">gift</div>
              <div class="code-name">#libra-gift</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-feeds-fill"></use>
              </svg>
              <div class="name">feeds-fill</div>
              <div class="code-name">#libra-feeds-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-integral"></use>
              </svg>
              <div class="name">integral</div>
              <div class="code-name">#libra-integral</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-gold-supplie-fill"></use>
              </svg>
              <div class="name">gold-supplie-fill</div>
              <div class="code-name">#libra-gold-supplie-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-nav-list"></use>
              </svg>
              <div class="name">nav-list</div>
              <div class="code-name">#libra-nav-list</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-form-fill"></use>
              </svg>
              <div class="name">form-fill</div>
              <div class="code-name">#libra-form-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-pic"></use>
              </svg>
              <div class="name">pic</div>
              <div class="code-name">#libra-pic</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-camera-fill"></use>
              </svg>
              <div class="name">camera-fill</div>
              <div class="code-name">#libra-camera-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Notvisible"></use>
              </svg>
              <div class="name">Not visible</div>
              <div class="code-name">#libra-Notvisible</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-good-fill"></use>
              </svg>
              <div class="name">good-fill</div>
              <div class="code-name">#libra-good-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-play"></use>
              </svg>
              <div class="name">play</div>
              <div class="code-name">#libra-play</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-image-text-fill"></use>
              </svg>
              <div class="name">image-text-fill</div>
              <div class="code-name">#libra-image-text-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-rising"></use>
              </svg>
              <div class="name">rising</div>
              <div class="code-name">#libra-rising</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-inspection-fill"></use>
              </svg>
              <div class="name">inspection-fill</div>
              <div class="code-name">#libra-inspection-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-QRcode"></use>
              </svg>
              <div class="name">QRcode</div>
              <div class="code-name">#libra-QRcode</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-hot-fill"></use>
              </svg>
              <div class="name">hot-fill</div>
              <div class="code-name">#libra-hot-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-rmb"></use>
              </svg>
              <div class="name">rmb</div>
              <div class="code-name">#libra-rmb</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-company-fill"></use>
              </svg>
              <div class="name">company-fill</div>
              <div class="code-name">#libra-company-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-similar-product"></use>
              </svg>
              <div class="name">similar-product</div>
              <div class="code-name">#libra-similar-product</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-discount-fill"></use>
              </svg>
              <div class="name">discount-fill</div>
              <div class="code-name">#libra-discount-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Exportservices"></use>
              </svg>
              <div class="name">export services</div>
              <div class="code-name">#libra-Exportservices</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-insurance-fill"></use>
              </svg>
              <div class="name">insurance-fill</div>
              <div class="code-name">#libra-insurance-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-sendinquiry"></use>
              </svg>
              <div class="name">send inquiry</div>
              <div class="code-name">#libra-sendinquiry</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-inquiry-template-fill"></use>
              </svg>
              <div class="name">inquiry-template-fill</div>
              <div class="code-name">#libra-inquiry-template-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-all-fill"></use>
              </svg>
              <div class="name">all-fill</div>
              <div class="code-name">#libra-all-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-leftbutton-fill"></use>
              </svg>
              <div class="name">left button-fill</div>
              <div class="code-name">#libra-leftbutton-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-favorites-fill"></use>
              </svg>
              <div class="name">favorites-fill</div>
              <div class="code-name">#libra-favorites-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-integral-fill1"></use>
              </svg>
              <div class="name">integral-fill</div>
              <div class="code-name">#libra-integral-fill1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-integral-fill"></use>
              </svg>
              <div class="name">integral-fill</div>
              <div class="code-name">#libra-integral-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-help1"></use>
              </svg>
              <div class="name">help</div>
              <div class="code-name">#libra-help1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-namecard-fill"></use>
              </svg>
              <div class="name">namecard-fill</div>
              <div class="code-name">#libra-namecard-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-listing-content-fill"></use>
              </svg>
              <div class="name">listing-content-fill</div>
              <div class="code-name">#libra-listing-content-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-pic-fill"></use>
              </svg>
              <div class="name">pic-fill</div>
              <div class="code-name">#libra-pic-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-logistic-logo-fill"></use>
              </svg>
              <div class="name">logistic-logo-fill</div>
              <div class="code-name">#libra-logistic-logo-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-play-fill"></use>
              </svg>
              <div class="name">play-fill</div>
              <div class="code-name">#libra-play-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Moneymanagement-fill"></use>
              </svg>
              <div class="name">Money management-fill</div>
              <div class="code-name">#libra-Moneymanagement-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-prompt-fill"></use>
              </svg>
              <div class="name">prompt-fill</div>
              <div class="code-name">#libra-prompt-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-manage-order-fill"></use>
              </svg>
              <div class="name">manage-order-fill</div>
              <div class="code-name">#libra-manage-order-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-stop-fill"></use>
              </svg>
              <div class="name">stop-fill</div>
              <div class="code-name">#libra-stop-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-multi-language-fill"></use>
              </svg>
              <div class="name">multi-language-fill</div>
              <div class="code-name">#libra-multi-language-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-column"></use>
              </svg>
              <div class="name">3column</div>
              <div class="code-name">#libra-column</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-logistics-icon-fill"></use>
              </svg>
              <div class="name">logistics-icon-fill</div>
              <div class="code-name">#libra-logistics-icon-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-add-account"></use>
              </svg>
              <div class="name">add-account</div>
              <div class="code-name">#libra-add-account</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Newuserzone-fill"></use>
              </svg>
              <div class="name">New user zone-fill</div>
              <div class="code-name">#libra-Newuserzone-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-column1"></use>
              </svg>
              <div class="name">4column</div>
              <div class="code-name">#libra-column1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-nightmode-fill"></use>
              </svg>
              <div class="name">night mode-fill</div>
              <div class="code-name">#libra-nightmode-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-add"></use>
              </svg>
              <div class="name">add</div>
              <div class="code-name">#libra-add</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-office-supplies-fill"></use>
              </svg>
              <div class="name">office-supplies-fill</div>
              <div class="code-name">#libra-office-supplies-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-agriculture"></use>
              </svg>
              <div class="name">agriculture</div>
              <div class="code-name">#libra-agriculture</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-notice-fill"></use>
              </svg>
              <div class="name">notice-fill</div>
              <div class="code-name">#libra-notice-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-years"></use>
              </svg>
              <div class="name">2years</div>
              <div class="code-name">#libra-years</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-mute"></use>
              </svg>
              <div class="name">mute</div>
              <div class="code-name">#libra-mute</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-add-cart"></use>
              </svg>
              <div class="name">add-cart</div>
              <div class="code-name">#libra-add-cart</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-order-fill"></use>
              </svg>
              <div class="name">order-fill</div>
              <div class="code-name">#libra-order-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-arrow-right"></use>
              </svg>
              <div class="name">arrow-right</div>
              <div class="code-name">#libra-arrow-right</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-password1"></use>
              </svg>
              <div class="name">password</div>
              <div class="code-name">#libra-password1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-arrow-left"></use>
              </svg>
              <div class="name">arrow-left</div>
              <div class="code-name">#libra-arrow-left</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-map1"></use>
              </svg>
              <div class="name">map</div>
              <div class="code-name">#libra-map1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-apparel"></use>
              </svg>
              <div class="name">apparel</div>
              <div class="code-name">#libra-apparel</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-paylater-fill"></use>
              </svg>
              <div class="name">paylater-fill</div>
              <div class="code-name">#libra-paylater-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-all1"></use>
              </svg>
              <div class="name">all</div>
              <div class="code-name">#libra-all1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-phone-fill"></use>
              </svg>
              <div class="name">phone-fill</div>
              <div class="code-name">#libra-phone-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-arrow-up"></use>
              </svg>
              <div class="name">arrow-up</div>
              <div class="code-name">#libra-arrow-up</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-online-tracking-fill"></use>
              </svg>
              <div class="name">online-tracking-fill</div>
              <div class="code-name">#libra-online-tracking-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-ascending"></use>
              </svg>
              <div class="name">ascending</div>
              <div class="code-name">#libra-ascending</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-play-fill1"></use>
              </svg>
              <div class="name">play-fill</div>
              <div class="code-name">#libra-play-fill1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-ashbin"></use>
              </svg>
              <div class="name">ashbin</div>
              <div class="code-name">#libra-ashbin</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-pdf-fill"></use>
              </svg>
              <div class="name">pdf-fill</div>
              <div class="code-name">#libra-pdf-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-atm"></use>
              </svg>
              <div class="name">atm</div>
              <div class="code-name">#libra-atm</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-phone1"></use>
              </svg>
              <div class="name">phone</div>
              <div class="code-name">#libra-phone1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-bad"></use>
              </svg>
              <div class="name">bad</div>
              <div class="code-name">#libra-bad</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-pin-fill"></use>
              </svg>
              <div class="name">pin-fill</div>
              <div class="code-name">#libra-pin-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-attachent"></use>
              </svg>
              <div class="name">attachent</div>
              <div class="code-name">#libra-attachent</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-product-fill"></use>
              </svg>
              <div class="name">product-fill</div>
              <div class="code-name">#libra-product-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-browse"></use>
              </svg>
              <div class="name">browse</div>
              <div class="code-name">#libra-browse</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-rankinglist-fill"></use>
              </svg>
              <div class="name">ranking list-fill</div>
              <div class="code-name">#libra-rankinglist-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-beauty"></use>
              </svg>
              <div class="name">beauty</div>
              <div class="code-name">#libra-beauty</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-reduce-fill"></use>
              </svg>
              <div class="name">reduce-fill</div>
              <div class="code-name">#libra-reduce-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-atm-away"></use>
              </svg>
              <div class="name">atm-away</div>
              <div class="code-name">#libra-atm-away</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-reeor-fill"></use>
              </svg>
              <div class="name">reeor-fill</div>
              <div class="code-name">#libra-reeor-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-assessed-badge"></use>
              </svg>
              <div class="name">assessed-badge</div>
              <div class="code-name">#libra-assessed-badge</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-pic-fill1"></use>
              </svg>
              <div class="name">pic-fill</div>
              <div class="code-name">#libra-pic-fill1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-auto1"></use>
              </svg>
              <div class="name">auto</div>
              <div class="code-name">#libra-auto1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-rankinglist"></use>
              </svg>
              <div class="name">ranking list</div>
              <div class="code-name">#libra-rankinglist</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-bags"></use>
              </svg>
              <div class="name">bags</div>
              <div class="code-name">#libra-bags</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-product1"></use>
              </svg>
              <div class="name">product</div>
              <div class="code-name">#libra-product1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-calendar"></use>
              </svg>
              <div class="name">calendar</div>
              <div class="code-name">#libra-calendar</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-prompt-fill1"></use>
              </svg>
              <div class="name">prompt-fill</div>
              <div class="code-name">#libra-prompt-fill1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-cart-full"></use>
              </svg>
              <div class="name">cart- full</div>
              <div class="code-name">#libra-cart-full</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-resonserate-fill"></use>
              </svg>
              <div class="name">resonse rate-fill</div>
              <div class="code-name">#libra-resonserate-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-calculator"></use>
              </svg>
              <div class="name">calculator</div>
              <div class="code-name">#libra-calculator</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-remind-fill"></use>
              </svg>
              <div class="name">remind-fill</div>
              <div class="code-name">#libra-remind-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-cameraswitching"></use>
              </svg>
              <div class="name">camera switching</div>
              <div class="code-name">#libra-cameraswitching</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Rightbutton-fill"></use>
              </svg>
              <div class="name">Right button-fill</div>
              <div class="code-name">#libra-Rightbutton-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-cecurity-protection"></use>
              </svg>
              <div class="name">cecurity-protection</div>
              <div class="code-name">#libra-cecurity-protection</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-RFQ-logo-fill"></use>
              </svg>
              <div class="name">RFQ-logo-fill</div>
              <div class="code-name">#libra-RFQ-logo-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-category"></use>
              </svg>
              <div class="name">category</div>
              <div class="code-name">#libra-category</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-RFQ-word-fill"></use>
              </svg>
              <div class="name">RFQ-word-fill</div>
              <div class="code-name">#libra-RFQ-word-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-close"></use>
              </svg>
              <div class="name">close</div>
              <div class="code-name">#libra-close</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-searchcart-fill"></use>
              </svg>
              <div class="name">search cart-fill</div>
              <div class="code-name">#libra-searchcart-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-certified-supplier"></use>
              </svg>
              <div class="name">certified-supplier</div>
              <div class="code-name">#libra-certified-supplier</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-salescenter-fill"></use>
              </svg>
              <div class="name">sales center-fill</div>
              <div class="code-name">#libra-salescenter-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-cart-Empty"></use>
              </svg>
              <div class="name">cart-Empty</div>
              <div class="code-name">#libra-cart-Empty</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-save-fill"></use>
              </svg>
              <div class="name">save-fill</div>
              <div class="code-name">#libra-save-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-code1"></use>
              </svg>
              <div class="name">code</div>
              <div class="code-name">#libra-code1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-security-fill"></use>
              </svg>
              <div class="name">security-fill</div>
              <div class="code-name">#libra-security-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-color"></use>
              </svg>
              <div class="name">color</div>
              <div class="code-name">#libra-color</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Similarproducts-fill"></use>
              </svg>
              <div class="name">category products-fill</div>
              <div class="code-name">#libra-Similarproducts-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-conditions"></use>
              </svg>
              <div class="name">conditions</div>
              <div class="code-name">#libra-conditions</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-signboard-fill"></use>
              </svg>
              <div class="name">signboard-fill</div>
              <div class="code-name">#libra-signboard-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-confirm"></use>
              </svg>
              <div class="name">confirm</div>
              <div class="code-name">#libra-confirm</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-service-fill"></use>
              </svg>
              <div class="name">service-fill</div>
              <div class="code-name">#libra-service-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-company"></use>
              </svg>
              <div class="name">company</div>
              <div class="code-name">#libra-company</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-shuffling-banner-fill"></use>
              </svg>
              <div class="name">shuffling-banner-fill</div>
              <div class="code-name">#libra-shuffling-banner-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-ali-clould"></use>
              </svg>
              <div class="name">ali-clould</div>
              <div class="code-name">#libra-ali-clould</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-supplier-features-fill"></use>
              </svg>
              <div class="name">supplier-features-fill</div>
              <div class="code-name">#libra-supplier-features-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-copy1"></use>
              </svg>
              <div class="name">copy</div>
              <div class="code-name">#libra-copy1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-store-fill"></use>
              </svg>
              <div class="name">store-fill</div>
              <div class="code-name">#libra-store-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-credit-level"></use>
              </svg>
              <div class="name">credit-level</div>
              <div class="code-name">#libra-credit-level</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-smile-fill"></use>
              </svg>
              <div class="name">smile-fill</div>
              <div class="code-name">#libra-smile-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-coupons"></use>
              </svg>
              <div class="name">coupons</div>
              <div class="code-name">#libra-coupons</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-success-fill"></use>
              </svg>
              <div class="name">success-fill</div>
              <div class="code-name">#libra-success-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-connections"></use>
              </svg>
              <div class="name">connections</div>
              <div class="code-name">#libra-connections</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-sound-filling-fill"></use>
              </svg>
              <div class="name">sound-filling-fill</div>
              <div class="code-name">#libra-sound-filling-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-cry"></use>
              </svg>
              <div class="name">cry</div>
              <div class="code-name">#libra-cry</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-sound-Mute1"></use>
              </svg>
              <div class="name">sound-Mute</div>
              <div class="code-name">#libra-sound-Mute1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-costoms-alearance"></use>
              </svg>
              <div class="name">costoms-alearance</div>
              <div class="code-name">#libra-costoms-alearance</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-suspended-fill"></use>
              </svg>
              <div class="name">suspended-fill</div>
              <div class="code-name">#libra-suspended-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-clock"></use>
              </svg>
              <div class="name">clock</div>
              <div class="code-name">#libra-clock</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-tool-fill"></use>
              </svg>
              <div class="name">tool-fill</div>
              <div class="code-name">#libra-tool-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-CurrencyConverter"></use>
              </svg>
              <div class="name">Currency Converter</div>
              <div class="code-name">#libra-CurrencyConverter</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-task-management-fill"></use>
              </svg>
              <div class="name">task-management-fill</div>
              <div class="code-name">#libra-task-management-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-cut"></use>
              </svg>
              <div class="name">cut</div>
              <div class="code-name">#libra-cut</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-unlock-fill"></use>
              </svg>
              <div class="name">unlock-fill</div>
              <div class="code-name">#libra-unlock-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-data1"></use>
              </svg>
              <div class="name">data</div>
              <div class="code-name">#libra-data1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-trust-fill"></use>
              </svg>
              <div class="name">trust-fill</div>
              <div class="code-name">#libra-trust-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Customermanagement"></use>
              </svg>
              <div class="name">Customer management</div>
              <div class="code-name">#libra-Customermanagement</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-vip-fill"></use>
              </svg>
              <div class="name">vip-fill</div>
              <div class="code-name">#libra-vip-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-descending"></use>
              </svg>
              <div class="name">descending</div>
              <div class="code-name">#libra-descending</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-set1"></use>
              </svg>
              <div class="name">set</div>
              <div class="code-name">#libra-set1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-double-arro-right"></use>
              </svg>
              <div class="name">double-arro- right</div>
              <div class="code-name">#libra-double-arro-right</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Top-fill"></use>
              </svg>
              <div class="name">top-fill</div>
              <div class="code-name">#libra-Top-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-customization"></use>
              </svg>
              <div class="name">customization</div>
              <div class="code-name">#libra-customization</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-viewlarger1"></use>
              </svg>
              <div class="name">view larger</div>
              <div class="code-name">#libra-viewlarger1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-double-arrow-left"></use>
              </svg>
              <div class="name">double-arrow-left</div>
              <div class="code-name">#libra-double-arrow-left</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-voice-fill"></use>
              </svg>
              <div class="name">voice-fill</div>
              <div class="code-name">#libra-voice-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-discount"></use>
              </svg>
              <div class="name">discount</div>
              <div class="code-name">#libra-discount</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-warning-fill"></use>
              </svg>
              <div class="name">warning-fill</div>
              <div class="code-name">#libra-warning-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-download"></use>
              </svg>
              <div class="name">download</div>
              <div class="code-name">#libra-download</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-warehouse-fill"></use>
              </svg>
              <div class="name">warehouse-fill</div>
              <div class="code-name">#libra-warehouse-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-dollar1"></use>
              </svg>
              <div class="name">dollar</div>
              <div class="code-name">#libra-dollar1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-zip-fill"></use>
              </svg>
              <div class="name">zip-fill</div>
              <div class="code-name">#libra-zip-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-default-template"></use>
              </svg>
              <div class="name">default-template</div>
              <div class="code-name">#libra-default-template</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-trade-assurance-fill"></use>
              </svg>
              <div class="name">trade-assurance-fill</div>
              <div class="code-name">#libra-trade-assurance-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-editor1"></use>
              </svg>
              <div class="name">editor</div>
              <div class="code-name">#libra-editor1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-vs-fill"></use>
              </svg>
              <div class="name">vs-fill</div>
              <div class="code-name">#libra-vs-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-eletrical"></use>
              </svg>
              <div class="name">eletrical</div>
              <div class="code-name">#libra-eletrical</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-video1"></use>
              </svg>
              <div class="name">video</div>
              <div class="code-name">#libra-video1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-electronics"></use>
              </svg>
              <div class="name">electronics</div>
              <div class="code-name">#libra-electronics</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-template-fill"></use>
              </svg>
              <div class="name">template-fill</div>
              <div class="code-name">#libra-template-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-etrical-equipm"></use>
              </svg>
              <div class="name">etrical-equipm</div>
              <div class="code-name">#libra-etrical-equipm</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-wallet1"></use>
              </svg>
              <div class="name">wallet</div>
              <div class="code-name">#libra-wallet1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-ellipsis"></use>
              </svg>
              <div class="name">ellipsis</div>
              <div class="code-name">#libra-ellipsis</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-training1"></use>
              </svg>
              <div class="name">training</div>
              <div class="code-name">#libra-training1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-email"></use>
              </svg>
              <div class="name">email</div>
              <div class="code-name">#libra-email</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-packing-labeling-fill"></use>
              </svg>
              <div class="name">packing-labeling-fill</div>
              <div class="code-name">#libra-packing-labeling-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-falling"></use>
              </svg>
              <div class="name">falling</div>
              <div class="code-name">#libra-falling</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Exportservices-fill"></use>
              </svg>
              <div class="name">export services-fill</div>
              <div class="code-name">#libra-Exportservices-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-earth"></use>
              </svg>
              <div class="name">earth</div>
              <div class="code-name">#libra-earth</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-brand-fill"></use>
              </svg>
              <div class="name">brand-fill</div>
              <div class="code-name">#libra-brand-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-filter"></use>
              </svg>
              <div class="name">filter</div>
              <div class="code-name">#libra-filter</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-collection"></use>
              </svg>
              <div class="name">collection</div>
              <div class="code-name">#libra-collection</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-furniture"></use>
              </svg>
              <div class="name">furniture</div>
              <div class="code-name">#libra-furniture</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-consumption-fill"></use>
              </svg>
              <div class="name">consumption-fill</div>
              <div class="code-name">#libra-consumption-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-folder"></use>
              </svg>
              <div class="name">folder</div>
              <div class="code-name">#libra-folder</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-collection-fill"></use>
              </svg>
              <div class="name">collection-fill</div>
              <div class="code-name">#libra-collection-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-feeds"></use>
              </svg>
              <div class="name">feeds</div>
              <div class="code-name">#libra-feeds</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-brand"></use>
              </svg>
              <div class="name">brand</div>
              <div class="code-name">#libra-brand</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-history1"></use>
              </svg>
              <div class="name">history</div>
              <div class="code-name">#libra-history1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-rejected-order-fill"></use>
              </svg>
              <div class="name">rejected-order-fill</div>
              <div class="code-name">#libra-rejected-order-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-hardware"></use>
              </svg>
              <div class="name">hardware</div>
              <div class="code-name">#libra-hardware</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-homepage-ads-fill"></use>
              </svg>
              <div class="name">homepage-ads-fill</div>
              <div class="code-name">#libra-homepage-ads-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-help"></use>
              </svg>
              <div class="name">help</div>
              <div class="code-name">#libra-help</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-homepage-ads"></use>
              </svg>
              <div class="name">homepage-ads</div>
              <div class="code-name">#libra-homepage-ads</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-good"></use>
              </svg>
              <div class="name">good</div>
              <div class="code-name">#libra-good</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-scenes-fill"></use>
              </svg>
              <div class="name">scenes-fill</div>
              <div class="code-name">#libra-scenes-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Householdappliances"></use>
              </svg>
              <div class="name">Household appliances</div>
              <div class="code-name">#libra-Householdappliances</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-scenes"></use>
              </svg>
              <div class="name">scenes</div>
              <div class="code-name">#libra-scenes</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-gift1"></use>
              </svg>
              <div class="name">gift</div>
              <div class="code-name">#libra-gift1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-similar-product-fill"></use>
              </svg>
              <div class="name">similar-product-fill</div>
              <div class="code-name">#libra-similar-product-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-form"></use>
              </svg>
              <div class="name">form</div>
              <div class="code-name">#libra-form</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-topraning-fill"></use>
              </svg>
              <div class="name">topraning-fill</div>
              <div class="code-name">#libra-topraning-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-image-text"></use>
              </svg>
              <div class="name">image-text</div>
              <div class="code-name">#libra-image-text</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-consumption"></use>
              </svg>
              <div class="name">consumption</div>
              <div class="code-name">#libra-consumption</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-hot"></use>
              </svg>
              <div class="name">hot</div>
              <div class="code-name">#libra-hot</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-topraning"></use>
              </svg>
              <div class="name">topraning</div>
              <div class="code-name">#libra-topraning</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-inspection"></use>
              </svg>
              <div class="name">inspection</div>
              <div class="code-name">#libra-inspection</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-gold-supplier"></use>
              </svg>
              <div class="name">gold-supplier</div>
              <div class="code-name">#libra-gold-supplier</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-leftbutton"></use>
              </svg>
              <div class="name">left button</div>
              <div class="code-name">#libra-leftbutton</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-messagecenter-fill"></use>
              </svg>
              <div class="name">message center-fill</div>
              <div class="code-name">#libra-messagecenter-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-jewelry"></use>
              </svg>
              <div class="name">jewelry</div>
              <div class="code-name">#libra-jewelry</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-quick"></use>
              </svg>
              <div class="name">quick</div>
              <div class="code-name">#libra-quick</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-ipad"></use>
              </svg>
              <div class="name">ipad</div>
              <div class="code-name">#libra-ipad</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-writing"></use>
              </svg>
              <div class="name">writing</div>
              <div class="code-name">#libra-writing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-leftarrow"></use>
              </svg>
              <div class="name">left arrow</div>
              <div class="code-name">#libra-leftarrow</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-docjpge-fill"></use>
              </svg>
              <div class="name">doc-fill</div>
              <div class="code-name">#libra-docjpge-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-integral1"></use>
              </svg>
              <div class="name">integral</div>
              <div class="code-name">#libra-integral1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-jpge-fill"></use>
              </svg>
              <div class="name">jpge-fill</div>
              <div class="code-name">#libra-jpge-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-kitchen"></use>
              </svg>
              <div class="name">kitchen</div>
              <div class="code-name">#libra-kitchen</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-gifjpge-fill"></use>
              </svg>
              <div class="name">gif-fill</div>
              <div class="code-name">#libra-gifjpge-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-inquiry-template"></use>
              </svg>
              <div class="name">inquiry-template</div>
              <div class="code-name">#libra-inquiry-template</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-bmpjpge-fill"></use>
              </svg>
              <div class="name">bmp-fill</div>
              <div class="code-name">#libra-bmpjpge-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-link"></use>
              </svg>
              <div class="name">link</div>
              <div class="code-name">#libra-link</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-tifjpge-fill"></use>
              </svg>
              <div class="name">tif-fill</div>
              <div class="code-name">#libra-tifjpge-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-libra"></use>
              </svg>
              <div class="name">libra</div>
              <div class="code-name">#libra-libra</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-pngjpge-fill"></use>
              </svg>
              <div class="name">png-fill</div>
              <div class="code-name">#libra-pngjpge-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-loading"></use>
              </svg>
              <div class="name">loading</div>
              <div class="code-name">#libra-loading</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Hometextile"></use>
              </svg>
              <div class="name">home</div>
              <div class="code-name">#libra-Hometextile</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-listing-content"></use>
              </svg>
              <div class="name">listing-content</div>
              <div class="code-name">#libra-listing-content</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-home"></use>
              </svg>
              <div class="name">home</div>
              <div class="code-name">#libra-home</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-lights"></use>
              </svg>
              <div class="name">lights</div>
              <div class="code-name">#libra-lights</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-sendinquiry-fill"></use>
              </svg>
              <div class="name">send inquiry-fill</div>
              <div class="code-name">#libra-sendinquiry-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-logistics-icon"></use>
              </svg>
              <div class="name">logistics-icon</div>
              <div class="code-name">#libra-logistics-icon</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-comments-fill"></use>
              </svg>
              <div class="name">comments-fill</div>
              <div class="code-name">#libra-comments-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-messagecenter"></use>
              </svg>
              <div class="name">message center</div>
              <div class="code-name">#libra-messagecenter</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-account-fill"></use>
              </svg>
              <div class="name">account-fill</div>
              <div class="code-name">#libra-account-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-mobile-phone"></use>
              </svg>
              <div class="name">mobile-phone</div>
              <div class="code-name">#libra-mobile-phone</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-feed-logo-fill"></use>
              </svg>
              <div class="name">feed-logo-fill</div>
              <div class="code-name">#libra-feed-logo-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-manage-order"></use>
              </svg>
              <div class="name">manage-order</div>
              <div class="code-name">#libra-manage-order</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-feed-logo"></use>
              </svg>
              <div class="name">feed-logo</div>
              <div class="code-name">#libra-feed-logo</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-move"></use>
              </svg>
              <div class="name">move</div>
              <div class="code-name">#libra-move</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-home-fill"></use>
              </svg>
              <div class="name">home-fill</div>
              <div class="code-name">#libra-home-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Moneymanagement"></use>
              </svg>
              <div class="name">Money management</div>
              <div class="code-name">#libra-Moneymanagement</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-add-select"></use>
              </svg>
              <div class="name">add-select</div>
              <div class="code-name">#libra-add-select</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-namecard"></use>
              </svg>
              <div class="name">namecard</div>
              <div class="code-name">#libra-namecard</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-sami-select"></use>
              </svg>
              <div class="name">sami-select</div>
              <div class="code-name">#libra-sami-select</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-map"></use>
              </svg>
              <div class="name">map</div>
              <div class="code-name">#libra-map</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-camera"></use>
              </svg>
              <div class="name">camera</div>
              <div class="code-name">#libra-camera</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Newuserzone"></use>
              </svg>
              <div class="name">New user zone</div>
              <div class="code-name">#libra-Newuserzone</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-arrow-down"></use>
              </svg>
              <div class="name">arrow-down</div>
              <div class="code-name">#libra-arrow-down</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-multi-language"></use>
              </svg>
              <div class="name">multi-language</div>
              <div class="code-name">#libra-multi-language</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-account"></use>
              </svg>
              <div class="name">account</div>
              <div class="code-name">#libra-account</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-office"></use>
              </svg>
              <div class="name">office</div>
              <div class="code-name">#libra-office</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-comments"></use>
              </svg>
              <div class="name">comments</div>
              <div class="code-name">#libra-comments</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-notice"></use>
              </svg>
              <div class="name">notice</div>
              <div class="code-name">#libra-notice</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-cart-Empty1"></use>
              </svg>
              <div class="name">cart-Empty</div>
              <div class="code-name">#libra-cart-Empty1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-ontimeshipment"></use>
              </svg>
              <div class="name">on time shipment</div>
              <div class="code-name">#libra-ontimeshipment</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-favorites"></use>
              </svg>
              <div class="name">favorites</div>
              <div class="code-name">#libra-favorites</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-office-supplies"></use>
              </svg>
              <div class="name">office-supplies</div>
              <div class="code-name">#libra-office-supplies</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-order"></use>
              </svg>
              <div class="name">order</div>
              <div class="code-name">#libra-order</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-password"></use>
              </svg>
              <div class="name">password</div>
              <div class="code-name">#libra-password</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-search"></use>
              </svg>
              <div class="name">search</div>
              <div class="code-name">#libra-search</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Notvisible1"></use>
              </svg>
              <div class="name">Not visible</div>
              <div class="code-name">#libra-Notvisible1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-trade-assurance"></use>
              </svg>
              <div class="name">trade-assurance</div>
              <div class="code-name">#libra-trade-assurance</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-operation"></use>
              </svg>
              <div class="name">operation</div>
              <div class="code-name">#libra-operation</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-usercenter1"></use>
              </svg>
              <div class="name">user center</div>
              <div class="code-name">#libra-usercenter1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-packaging"></use>
              </svg>
              <div class="name">packaging</div>
              <div class="code-name">#libra-packaging</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-tradingdata"></use>
              </svg>
              <div class="name">trading data</div>
              <div class="code-name">#libra-tradingdata</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-online-tracking"></use>
              </svg>
              <div class="name">online-tracking</div>
              <div class="code-name">#libra-online-tracking</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-microphone"></use>
              </svg>
              <div class="name">microphone</div>
              <div class="code-name">#libra-microphone</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-packing-labeling"></use>
              </svg>
              <div class="name">packing-labeling</div>
              <div class="code-name">#libra-packing-labeling</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-txt"></use>
              </svg>
              <div class="name">txt</div>
              <div class="code-name">#libra-txt</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-phone"></use>
              </svg>
              <div class="name">phone</div>
              <div class="code-name">#libra-phone</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-xlsx"></use>
              </svg>
              <div class="name">xlsx</div>
              <div class="code-name">#libra-xlsx</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-pic1"></use>
              </svg>
              <div class="name">pic</div>
              <div class="code-name">#libra-pic1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-banzhengfuwu"></use>
              </svg>
              <div class="name">办证服务</div>
              <div class="code-name">#libra-banzhengfuwu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-pin"></use>
              </svg>
              <div class="name">pin</div>
              <div class="code-name">#libra-pin</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-cangku"></use>
              </svg>
              <div class="name">仓库</div>
              <div class="code-name">#libra-cangku</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-play1"></use>
              </svg>
              <div class="name">play</div>
              <div class="code-name">#libra-play1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-daibancaishui"></use>
              </svg>
              <div class="name">代办财税</div>
              <div class="code-name">#libra-daibancaishui</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-logistic-logo"></use>
              </svg>
              <div class="name">logistic-logo</div>
              <div class="code-name">#libra-logistic-logo</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-jizhuangxiang"></use>
              </svg>
              <div class="name">集装箱</div>
              <div class="code-name">#libra-jizhuangxiang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-print"></use>
              </svg>
              <div class="name">print</div>
              <div class="code-name">#libra-print</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-jiaobiao"></use>
              </svg>
              <div class="name">角标</div>
              <div class="code-name">#libra-jiaobiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-product"></use>
              </svg>
              <div class="name">product</div>
              <div class="code-name">#libra-product</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-kehupandian"></use>
              </svg>
              <div class="name">客户盘点</div>
              <div class="code-name">#libra-kehupandian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-machinery"></use>
              </svg>
              <div class="name">machinery</div>
              <div class="code-name">#libra-machinery</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-dongtai"></use>
              </svg>
              <div class="name">动态</div>
              <div class="code-name">#libra-dongtai</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-process"></use>
              </svg>
              <div class="name">process</div>
              <div class="code-name">#libra-process</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-daikuan"></use>
              </svg>
              <div class="name">贷款</div>
              <div class="code-name">#libra-daikuan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-prompt"></use>
              </svg>
              <div class="name">prompt</div>
              <div class="code-name">#libra-prompt</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-shengyijing"></use>
              </svg>
              <div class="name">生意经</div>
              <div class="code-name">#libra-shengyijing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-QRcode1"></use>
              </svg>
              <div class="name">QRcode</div>
              <div class="code-name">#libra-QRcode1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-jiehui"></use>
              </svg>
              <div class="name">结汇</div>
              <div class="code-name">#libra-jiehui</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-reeor"></use>
              </svg>
              <div class="name">reeor</div>
              <div class="code-name">#libra-reeor</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-fencengpeizhi"></use>
              </svg>
              <div class="name">分层配置</div>
              <div class="code-name">#libra-fencengpeizhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-reduce"></use>
              </svg>
              <div class="name">reduce</div>
              <div class="code-name">#libra-reduce</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-shenqingjilu"></use>
              </svg>
              <div class="name">申请记录</div>
              <div class="code-name">#libra-shenqingjilu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Non-staplefood"></use>
              </svg>
              <div class="name">Non-staple food</div>
              <div class="code-name">#libra-Non-staplefood</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-shangchuanbeiandanzheng"></use>
              </svg>
              <div class="name">上传备案单证</div>
              <div class="code-name">#libra-shangchuanbeiandanzheng</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-rejected-order"></use>
              </svg>
              <div class="name">rejected-order</div>
              <div class="code-name">#libra-rejected-order</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-shangchuan"></use>
              </svg>
              <div class="name">上传</div>
              <div class="code-name">#libra-shangchuan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-resonserate"></use>
              </svg>
              <div class="name">resonse rate</div>
              <div class="code-name">#libra-resonserate</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-kehuquanyi"></use>
              </svg>
              <div class="name">客户权益</div>
              <div class="code-name">#libra-kehuquanyi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-remind"></use>
              </svg>
              <div class="name">remind</div>
              <div class="code-name">#libra-remind</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-suoxiao"></use>
              </svg>
              <div class="name">缩小</div>
              <div class="code-name">#libra-suoxiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-responsetime"></use>
              </svg>
              <div class="name">response time</div>
              <div class="code-name">#libra-responsetime</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-quanyipeizhi"></use>
              </svg>
              <div class="name">权益配置</div>
              <div class="code-name">#libra-quanyipeizhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-return"></use>
              </svg>
              <div class="name">return</div>
              <div class="code-name">#libra-return</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-shuangshen"></use>
              </svg>
              <div class="name">双审</div>
              <div class="code-name">#libra-shuangshen</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-paylater"></use>
              </svg>
              <div class="name">paylater</div>
              <div class="code-name">#libra-paylater</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-tongguan"></use>
              </svg>
              <div class="name">通关</div>
              <div class="code-name">#libra-tongguan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-rising1"></use>
              </svg>
              <div class="name">rising</div>
              <div class="code-name">#libra-rising1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-tuishui"></use>
              </svg>
              <div class="name">退税</div>
              <div class="code-name">#libra-tuishui</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Rightarrow"></use>
              </svg>
              <div class="name">Right arrow</div>
              <div class="code-name">#libra-Rightarrow</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-tongguanshuju"></use>
              </svg>
              <div class="name">通关数据</div>
              <div class="code-name">#libra-tongguanshuju</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-rmb1"></use>
              </svg>
              <div class="name">rmb</div>
              <div class="code-name">#libra-rmb1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-kuaidiwuliu"></use>
              </svg>
              <div class="name">快递物流</div>
              <div class="code-name">#libra-kuaidiwuliu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-RFQ-logo"></use>
              </svg>
              <div class="name">RFQ-logo</div>
              <div class="code-name">#libra-RFQ-logo</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-wuliuchanpin"></use>
              </svg>
              <div class="name">物流产品</div>
              <div class="code-name">#libra-wuliuchanpin</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-save"></use>
              </svg>
              <div class="name">save</div>
              <div class="code-name">#libra-save</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-waihuishuju"></use>
              </svg>
              <div class="name">外汇数据</div>
              <div class="code-name">#libra-waihuishuju</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-scanning"></use>
              </svg>
              <div class="name">scanning</div>
              <div class="code-name">#libra-scanning</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-xinxibar_shouji"></use>
              </svg>
              <div class="name">信息bar_手机</div>
              <div class="code-name">#libra-xinxibar_shouji</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-security"></use>
              </svg>
              <div class="name">security</div>
              <div class="code-name">#libra-security</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-xinwaizongyewu"></use>
              </svg>
              <div class="name">新外综业务</div>
              <div class="code-name">#libra-xinwaizongyewu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-salescenter"></use>
              </svg>
              <div class="name">sales center</div>
              <div class="code-name">#libra-salescenter</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-wuliudingdan"></use>
              </svg>
              <div class="name">物流订单</div>
              <div class="code-name">#libra-wuliudingdan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-seleted"></use>
              </svg>
              <div class="name">seleted</div>
              <div class="code-name">#libra-seleted</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-zhongjianren"></use>
              </svg>
              <div class="name">中间人</div>
              <div class="code-name">#libra-zhongjianren</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-searchcart"></use>
              </svg>
              <div class="name">search cart</div>
              <div class="code-name">#libra-searchcart</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-xinxibar_zhanghu"></use>
              </svg>
              <div class="name">信息bar_账户</div>
              <div class="code-name">#libra-xinxibar_zhanghu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-raw"></use>
              </svg>
              <div class="name">raw</div>
              <div class="code-name">#libra-raw</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-yidatong"></use>
              </svg>
              <div class="name">一达通</div>
              <div class="code-name">#libra-yidatong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-service"></use>
              </svg>
              <div class="name">service</div>
              <div class="code-name">#libra-service</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-zhuanyequanwei"></use>
              </svg>
              <div class="name">专业权威</div>
              <div class="code-name">#libra-zhuanyequanwei</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-share"></use>
              </svg>
              <div class="name">share</div>
              <div class="code-name">#libra-share</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-zhanghucaozuo"></use>
              </svg>
              <div class="name">账户操作</div>
              <div class="code-name">#libra-zhanghucaozuo</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-signboard"></use>
              </svg>
              <div class="name">signboard</div>
              <div class="code-name">#libra-signboard</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-xuanzhuandu"></use>
              </svg>
              <div class="name">旋转90度</div>
              <div class="code-name">#libra-xuanzhuandu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-shuffling-banner"></use>
              </svg>
              <div class="name">shuffling-banner</div>
              <div class="code-name">#libra-shuffling-banner</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-tuishuirongzi"></use>
              </svg>
              <div class="name">退税融资</div>
              <div class="code-name">#libra-tuishuirongzi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Rightbutton"></use>
              </svg>
              <div class="name">Right button</div>
              <div class="code-name">#libra-Rightbutton</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-AddProducts"></use>
              </svg>
              <div class="name">Add Products</div>
              <div class="code-name">#libra-AddProducts</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-sorting"></use>
              </svg>
              <div class="name">sorting</div>
              <div class="code-name">#libra-sorting</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-ziyingyewu"></use>
              </svg>
              <div class="name">自营业务</div>
              <div class="code-name">#libra-ziyingyewu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-sound-Mute"></use>
              </svg>
              <div class="name">sound-Mute</div>
              <div class="code-name">#libra-sound-Mute</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-addcell"></use>
              </svg>
              <div class="name">addcell</div>
              <div class="code-name">#libra-addcell</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Similarproducts"></use>
              </svg>
              <div class="name">category products</div>
              <div class="code-name">#libra-Similarproducts</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-background-color"></use>
              </svg>
              <div class="name">background-color</div>
              <div class="code-name">#libra-background-color</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-sound-filling"></use>
              </svg>
              <div class="name">sound-filling</div>
              <div class="code-name">#libra-sound-filling</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-cascades"></use>
              </svg>
              <div class="name">cascades</div>
              <div class="code-name">#libra-cascades</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-suggest"></use>
              </svg>
              <div class="name">suggest</div>
              <div class="code-name">#libra-suggest</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-beijing"></use>
              </svg>
              <div class="name">beijing</div>
              <div class="code-name">#libra-beijing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-stop"></use>
              </svg>
              <div class="name">stop</div>
              <div class="code-name">#libra-stop</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-bold"></use>
              </svg>
              <div class="name">bold</div>
              <div class="code-name">#libra-bold</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-success"></use>
              </svg>
              <div class="name">success</div>
              <div class="code-name">#libra-success</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-zijin"></use>
              </svg>
              <div class="name">资金</div>
              <div class="code-name">#libra-zijin</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-supplier-features"></use>
              </svg>
              <div class="name">supplier-features</div>
              <div class="code-name">#libra-supplier-features</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-eraser"></use>
              </svg>
              <div class="name">eraser</div>
              <div class="code-name">#libra-eraser</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-switch"></use>
              </svg>
              <div class="name">switch</div>
              <div class="code-name">#libra-switch</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-centeralignment"></use>
              </svg>
              <div class="name">centeralignment</div>
              <div class="code-name">#libra-centeralignment</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-survey"></use>
              </svg>
              <div class="name">survey</div>
              <div class="code-name">#libra-survey</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-click"></use>
              </svg>
              <div class="name">click</div>
              <div class="code-name">#libra-click</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-template"></use>
              </svg>
              <div class="name">template</div>
              <div class="code-name">#libra-template</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-aspjiesuan"></use>
              </svg>
              <div class="name">asp结算</div>
              <div class="code-name">#libra-aspjiesuan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-text"></use>
              </svg>
              <div class="name">text</div>
              <div class="code-name">#libra-text</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-flag"></use>
              </svg>
              <div class="name">flag</div>
              <div class="code-name">#libra-flag</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-suspended"></use>
              </svg>
              <div class="name">suspended</div>
              <div class="code-name">#libra-suspended</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-falg-fill"></use>
              </svg>
              <div class="name">falg-fill</div>
              <div class="code-name">#libra-falg-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-task-management"></use>
              </svg>
              <div class="name">task-management</div>
              <div class="code-name">#libra-task-management</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Fee"></use>
              </svg>
              <div class="name">Fee</div>
              <div class="code-name">#libra-Fee</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-tool"></use>
              </svg>
              <div class="name">tool</div>
              <div class="code-name">#libra-tool</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-filling"></use>
              </svg>
              <div class="name">filling</div>
              <div class="code-name">#libra-filling</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Top"></use>
              </svg>
              <div class="name">top</div>
              <div class="code-name">#libra-Top</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Foreigncurrency"></use>
              </svg>
              <div class="name">Foreign currency</div>
              <div class="code-name">#libra-Foreigncurrency</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-smile"></use>
              </svg>
              <div class="name">smile</div>
              <div class="code-name">#libra-smile</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-guanliyuan"></use>
              </svg>
              <div class="name">guanliyuan</div>
              <div class="code-name">#libra-guanliyuan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-textile-products"></use>
              </svg>
              <div class="name">textile-products</div>
              <div class="code-name">#libra-textile-products</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-language"></use>
              </svg>
              <div class="name">language</div>
              <div class="code-name">#libra-language</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-tradealert"></use>
              </svg>
              <div class="name">trade alert</div>
              <div class="code-name">#libra-tradealert</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-leftalignment"></use>
              </svg>
              <div class="name">leftalignment</div>
              <div class="code-name">#libra-leftalignment</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-topsales"></use>
              </svg>
              <div class="name">top sales</div>
              <div class="code-name">#libra-topsales</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-extra-inquiries"></use>
              </svg>
              <div class="name">extra-inquiries</div>
              <div class="code-name">#libra-extra-inquiries</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-tradingvolume"></use>
              </svg>
              <div class="name">trading volume</div>
              <div class="code-name">#libra-tradingvolume</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Italic"></use>
              </svg>
              <div class="name">Italic</div>
              <div class="code-name">#libra-Italic</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-training"></use>
              </svg>
              <div class="name">training</div>
              <div class="code-name">#libra-training</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-pcm"></use>
              </svg>
              <div class="name">pcm</div>
              <div class="code-name">#libra-pcm</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-upload"></use>
              </svg>
              <div class="name">upload</div>
              <div class="code-name">#libra-upload</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-reducecell"></use>
              </svg>
              <div class="name">reducecell</div>
              <div class="code-name">#libra-reducecell</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-RFQ-word"></use>
              </svg>
              <div class="name">RFQ-word</div>
              <div class="code-name">#libra-RFQ-word</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-rightalignment"></use>
              </svg>
              <div class="name">rightalignment</div>
              <div class="code-name">#libra-rightalignment</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-viewlarger"></use>
              </svg>
              <div class="name">view larger</div>
              <div class="code-name">#libra-viewlarger</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-pointerleft"></use>
              </svg>
              <div class="name">pointerleft</div>
              <div class="code-name">#libra-pointerleft</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-viewgallery"></use>
              </svg>
              <div class="name">viewgallery</div>
              <div class="code-name">#libra-viewgallery</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-subscript"></use>
              </svg>
              <div class="name">subscript</div>
              <div class="code-name">#libra-subscript</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-vehivles"></use>
              </svg>
              <div class="name">vehivles</div>
              <div class="code-name">#libra-vehivles</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-square"></use>
              </svg>
              <div class="name">square</div>
              <div class="code-name">#libra-square</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-trust"></use>
              </svg>
              <div class="name">trust</div>
              <div class="code-name">#libra-trust</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-superscript"></use>
              </svg>
              <div class="name">superscript</div>
              <div class="code-name">#libra-superscript</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-warning"></use>
              </svg>
              <div class="name">warning</div>
              <div class="code-name">#libra-warning</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-tag-subscript"></use>
              </svg>
              <div class="name">tag-subscript</div>
              <div class="code-name">#libra-tag-subscript</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-warehouse"></use>
              </svg>
              <div class="name">warehouse</div>
              <div class="code-name">#libra-warehouse</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-danjuzhuanhuan"></use>
              </svg>
              <div class="name">单据转换</div>
              <div class="code-name">#libra-danjuzhuanhuan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-shoes"></use>
              </svg>
              <div class="name">shoes</div>
              <div class="code-name">#libra-shoes</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Transfermoney"></use>
              </svg>
              <div class="name">Transfer money</div>
              <div class="code-name">#libra-Transfermoney</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-video"></use>
              </svg>
              <div class="name">video</div>
              <div class="code-name">#libra-video</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-under-line"></use>
              </svg>
              <div class="name">under-line</div>
              <div class="code-name">#libra-under-line</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-viewlist"></use>
              </svg>
              <div class="name">viewlist</div>
              <div class="code-name">#libra-viewlist</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-xiakuangxian"></use>
              </svg>
              <div class="name">xiakuangxian</div>
              <div class="code-name">#libra-xiakuangxian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-set"></use>
              </svg>
              <div class="name">set</div>
              <div class="code-name">#libra-set</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-shouqi"></use>
              </svg>
              <div class="name">收起</div>
              <div class="code-name">#libra-shouqi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-store"></use>
              </svg>
              <div class="name">store</div>
              <div class="code-name">#libra-store</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-zhankai"></use>
              </svg>
              <div class="name">展开</div>
              <div class="code-name">#libra-zhankai</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-tool-hardware"></use>
              </svg>
              <div class="name">tool-hardware</div>
              <div class="code-name">#libra-tool-hardware</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-tongxunlu"></use>
              </svg>
              <div class="name">通讯录</div>
              <div class="code-name">#libra-tongxunlu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-vs"></use>
              </svg>
              <div class="name">vs</div>
              <div class="code-name">#libra-vs</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-yiguanzhugongyingshang"></use>
              </svg>
              <div class="name">已关注供应商</div>
              <div class="code-name">#libra-yiguanzhugongyingshang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-toy"></use>
              </svg>
              <div class="name">toy</div>
              <div class="code-name">#libra-toy</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-goumaipianhao"></use>
              </svg>
              <div class="name">购买偏好</div>
              <div class="code-name">#libra-goumaipianhao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-sport"></use>
              </svg>
              <div class="name">sport</div>
              <div class="code-name">#libra-sport</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Subscribe"></use>
              </svg>
              <div class="name">Subscribe</div>
              <div class="code-name">#libra-Subscribe</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-creditcard"></use>
              </svg>
              <div class="name">credit card</div>
              <div class="code-name">#libra-creditcard</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-becomeagoldsupplier"></use>
              </svg>
              <div class="name">become a gold supplier</div>
              <div class="code-name">#libra-becomeagoldsupplier</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-contacts"></use>
              </svg>
              <div class="name">contacts</div>
              <div class="code-name">#libra-contacts</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-new"></use>
              </svg>
              <div class="name">new</div>
              <div class="code-name">#libra-new</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-checkstand"></use>
              </svg>
              <div class="name">checkstand</div>
              <div class="code-name">#libra-checkstand</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-free"></use>
              </svg>
              <div class="name">free</div>
              <div class="code-name">#libra-free</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-aviation"></use>
              </svg>
              <div class="name">aviation</div>
              <div class="code-name">#libra-aviation</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-cad-fill"></use>
              </svg>
              <div class="name">cad-fill</div>
              <div class="code-name">#libra-cad-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-Daytimemode"></use>
              </svg>
              <div class="name">Daytime mode</div>
              <div class="code-name">#libra-Daytimemode</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-robot"></use>
              </svg>
              <div class="name">robot</div>
              <div class="code-name">#libra-robot</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-infantmom"></use>
              </svg>
              <div class="name">infant & mom</div>
              <div class="code-name">#libra-infantmom</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-inspection1"></use>
              </svg>
              <div class="name">inspection</div>
              <div class="code-name">#libra-inspection1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-discounts"></use>
              </svg>
              <div class="name">discounts</div>
              <div class="code-name">#libra-discounts</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-block"></use>
              </svg>
              <div class="name">block</div>
              <div class="code-name">#libra-block</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-invoice"></use>
              </svg>
              <div class="name">invoice</div>
              <div class="code-name">#libra-invoice</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-shouhuoicon"></use>
              </svg>
              <div class="name">收货icon</div>
              <div class="code-name">#libra-shouhuoicon</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-insurance"></use>
              </svg>
              <div class="name">insurance</div>
              <div class="code-name">#libra-insurance</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-nightmode"></use>
              </svg>
              <div class="name">night mode</div>
              <div class="code-name">#libra-nightmode</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-usercenter"></use>
              </svg>
              <div class="name">user center</div>
              <div class="code-name">#libra-usercenter</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-unlock"></use>
              </svg>
              <div class="name">unlock</div>
              <div class="code-name">#libra-unlock</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-vip"></use>
              </svg>
              <div class="name">vip</div>
              <div class="code-name">#libra-vip</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-wallet"></use>
              </svg>
              <div class="name">wallet</div>
              <div class="code-name">#libra-wallet</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-landtransportation"></use>
              </svg>
              <div class="name">land transportation</div>
              <div class="code-name">#libra-landtransportation</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-voice"></use>
              </svg>
              <div class="name">voice</div>
              <div class="code-name">#libra-voice</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-exchangerate"></use>
              </svg>
              <div class="name">exchange rate</div>
              <div class="code-name">#libra-exchangerate</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-contacts-fill"></use>
              </svg>
              <div class="name">contacts-fill</div>
              <div class="code-name">#libra-contacts-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-add-account1"></use>
              </svg>
              <div class="name">add-account</div>
              <div class="code-name">#libra-add-account1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-years-fill"></use>
              </svg>
              <div class="name">2years-fill</div>
              <div class="code-name">#libra-years-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-add-cart-fill"></use>
              </svg>
              <div class="name">add-cart-fill</div>
              <div class="code-name">#libra-add-cart-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-add-fill"></use>
              </svg>
              <div class="name">add-fill</div>
              <div class="code-name">#libra-add-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-all-fill1"></use>
              </svg>
              <div class="name">all-fill</div>
              <div class="code-name">#libra-all-fill1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-ashbin-fill"></use>
              </svg>
              <div class="name">ashbin-fill</div>
              <div class="code-name">#libra-ashbin-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-calendar-fill"></use>
              </svg>
              <div class="name">calendar-fill</div>
              <div class="code-name">#libra-calendar-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-bad-fill"></use>
              </svg>
              <div class="name">bad-fill</div>
              <div class="code-name">#libra-bad-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-bussiness-man-fill"></use>
              </svg>
              <div class="name">bussiness-man-fill</div>
              <div class="code-name">#libra-bussiness-man-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-atm-fill"></use>
              </svg>
              <div class="name">atm-fill</div>
              <div class="code-name">#libra-atm-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-cart-full-fill"></use>
              </svg>
              <div class="name">cart- full-fill</div>
              <div class="code-name">#libra-cart-full-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-cart-Empty-fill"></use>
              </svg>
              <div class="name">cart-Empty-fill</div>
              <div class="code-name">#libra-cart-Empty-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-cameraswitching-fill"></use>
              </svg>
              <div class="name">camera switching-fill</div>
              <div class="code-name">#libra-cameraswitching-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-atm-away-fill"></use>
              </svg>
              <div class="name">atm-away-fill</div>
              <div class="code-name">#libra-atm-away-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-certified-supplier-fill"></use>
              </svg>
              <div class="name">certified-supplier-fill</div>
              <div class="code-name">#libra-certified-supplier-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-calculator-fill"></use>
              </svg>
              <div class="name">calculator-fill</div>
              <div class="code-name">#libra-calculator-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#libra-clock-fill"></use>
              </svg>
              <div class="name">clock-fill</div>
              <div class="code-name">#libra-clock-fill</div>
            </li>
          </ul>
          <div class="article markdown">
            <h2 id="symbol-">Symbol 引用</h2>
            <hr />

            <p>
              这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a
                href=""
                >文章</a
              >
              这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：
            </p>
            <ul>
              <li>支持多色图标了，不再受单色限制。</li>
              <li>
                通过一些技巧，支持像字体那样，通过 <code>font-size</code>,
                <code>color</code> 来调整样式。
              </li>
              <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
              <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
            </ul>
            <p>使用步骤如下：</p>
            <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
            <pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
            <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
            <pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
            <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
            <pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
        </div>
      </div>
    </div>
    <script>
      $(document).ready(function () {
        $('.tab-container .content:first').show();

        $('#tabs li').click(function (e) {
          var tabContent = $('.tab-container .content');
          var index = $(this).index();

          if ($(this).hasClass('active')) {
            return;
          } else {
            $('#tabs li').removeClass('active');
            $(this).addClass('active');

            tabContent.hide().eq(index).fadeIn();
          }
        });
      });
    </script>
  </body>
</html>
